Moved stickers state to redux. Removed unneded type definitions. Refactored components to accomdate changes in types and interfaces.

src/components/calender/stickers/DemoStickers.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from "react";
 
-// TODO: When themes are made import the theme from user settings context. Refactor to use whatever those SVGs are.
+// TODO: When themes are made import the theme from user settings store. Refactor to use whatever those SVGs are.
 
 interface DemoStickersProps {
   stickerVal: StickerVal;
@@ -9,13 +9,19 @@ interface DemoStickersProps {
 const DemoStickers: FC<DemoStickersProps> = ({
   stickerVal
 }: DemoStickersProps) => {
+  // If sticker is null return an empty space.
   if (stickerVal === null) {
     return <span aria-label="spacer">&nbsp;</span>;
   }
+
   interface StickerToEmoji {
     [key: string]: JSX.Element;
   }
 
+  /**
+   * ? Temporarily using values -1 to 1.
+   * ? In the full app the values will be between -2 and 2.
+   */
   let key = "0";
 
   if (stickerVal > 0) {
@@ -24,6 +30,7 @@ const DemoStickers: FC<DemoStickersProps> = ({
     key = "-1";
   }
 
+  // Link value to an emoji representing a sticker.
   const stickerToEmoji: StickerToEmoji = {
     "1": (
       <span role="img" aria-label="Sun">
@@ -42,6 +49,7 @@ const DemoStickers: FC<DemoStickersProps> = ({
     )
   };
 
+  // Return the appropriate sticker.
   return stickerToEmoji[`${key}`];
 };