Fixed types

Author: syntax-tm

src/components/background/background.tsx

@@ -14,4 +14,3 @@ export default function Background() {
     </>
   );
 };
-

src/components/icons/ControllerIcon.tsx

@@ -52,22 +52,22 @@ interface ControllerIconProps {
 }
 
 export default function ControllerIcon({
-    style = "white",
-    icon,
-    className = "",
-    width = 200,
-    height = 200,
-    styleProps = {},
+  style = "white",
+  icon,
+  className = "",
+  width = 200,
+  height = 200,
+  styleProps = {},
 }: ControllerIconProps) {
-    return (
-      <>
-        <Image
-            src={`/svg/xbox_${style}/${icon}.svg`}
-            alt={`${style} ${icon}`}
-            className={className}
-            width={width}
-            height={height}
-        />
-      </>
-    );
+  return (
+    <>
+      <Image
+        src={`/svg/xbox_${style}/${icon}.svg`}
+        alt={`${style} ${icon}`}
+        className={className}
+        width={width}
+        height={height}
+      />
+    </>
+  );
 }

src/components/types.ts

@@ -4,10 +4,12 @@ export type SnackbarType = {
   icon?: React.FunctionComponent<React.SVGProps<SVGElement>>;
 }
 
+export type SnackbarVariant = 'success' | 'error' | 'secret' | 'info';
+
 export type TSnackbarProps = Omit<SnackbarType, 'key'> & {
   handleClose: () => void;
   open: boolean;
-  variant: Variant;
+  variant: SnackbarVariant;
 }
 
 export type KeyPressAction = {

src/context/SnackbarContext.tsx

@@ -4,8 +4,7 @@ import React, { createContext, useContext, useState, useEffect, useRef } from "r
 import { faInfoCircle, faExclamationCircle, IconDefinition, faCheckCircle, faQuestionCircle } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useAudio } from '@context/AudioContext';
-
-type SnackbarVariant = "success" | "error" | "info" | "secret";
+import { SnackbarVariant } from '@components/types';
 
 const SNACKBAR_AUDIO_SRC = '/audio/snd_system_ok.wav';