Fix lint errors

safe-global · Dec 20, 2023 · a642d5c · a642d5c
1 parent 5406020
commit a642d5c
Show file tree

Hide file tree

Showing 5 changed files with 79 additions and 79 deletions.
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
@@ -13,7 +13,7 @@ import Link from 'next/link'
 import Logo from '../../assets/svg/safe-logo-white.svg'
 
 const AppRoutes = {
-  '404': 'https://safe.global/404',
+  404: 'https://safe.global/404',
   wallet: 'https://safe.global/wallet',
   terms: 'https://safe.global/terms',
   privacy: 'https://safe.global/privacy',
@@ -152,7 +152,7 @@ const createFooterButton = (
   label: string,
   href: string,
   IconComponent: ComponentType
-) => {
+): JSX.Element => {
   const buttonBaseAttributes = {
     disableRipple: true,
     target: '_blank',
@@ -166,10 +166,10 @@ const createFooterButton = (
   )
 }
 
-const Footer = () => {
+const Footer: React.FC = () => {
   //   const { openBanner } = useCookieBannerContext()
 
-  const showBanner = (e: SyntheticEvent) => {
+  const showBanner = (e: SyntheticEvent): void => {
     // Prevent opening the hash link
     e.preventDefault()
     // openBanner()
@@ -231,12 +231,12 @@ const Footer = () => {
 
         <Grid item xs={12} md={3} mt={{ xs: 6, md: 0 }}>
           <div className={css.socials}>
-            {createFooterButton('X page', TWITTER_LINK, XIcon)}
-            {createFooterButton('Discourse forum', FORUM_LINK, DiscourseIcon)}
-            {createFooterButton('Discord server', DISCORD_LINK, DiscordIcon)}
-            {createFooterButton('Youtube channel', YOUTUBE_LINK, YoutubeIcon)}
-            {createFooterButton('Mirror blog', MIRROR_LINK, MirrorIcon)}
-            {createFooterButton('Github organization', GITHUB_LINK, GithubIcon)}
+            {createFooterButton('X page', TWITTER_LINK, XIcon as React.FC)}
+            {createFooterButton('Discourse forum', FORUM_LINK, DiscourseIcon as React.FC)}
+            {createFooterButton('Discord server', DISCORD_LINK, DiscordIcon as React.FC)}
+            {createFooterButton('Youtube channel', YOUTUBE_LINK, YoutubeIcon as React.FC)}
+            {createFooterButton('Mirror blog', MIRROR_LINK, MirrorIcon as React.FC)}
+            {createFooterButton('Github organization', GITHUB_LINK, GithubIcon as React.FC)}
           </div>
         </Grid>
       </Grid>

diff --git a/components/Youtube/index.tsx b/components/Youtube/index.tsx
@@ -1,4 +1,4 @@
-const YoutubeEmbed = ({ embedId }) => (
+const YoutubeEmbed: React.FC<{ embedId: string }> = ({ embedId }) => (
   <div className='video-responsive'>
     <iframe
       width='853'

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -60,7 +60,7 @@ const App = ({
         <Component {...pageProps} />
         {/* </PageLayout>
 
-          <CookieBanner /> 
+          <CookieBanner />
         </CookieBannerContextProvider> */}
       </CssVarsProvider>
     </CacheProvider>

diff --git a/styles/emotion.ts b/styles/emotion.ts
@@ -1,9 +1,9 @@
-import createCache from '@emotion/cache'
+import createCache, { type EmotionCache } from '@emotion/cache'
 
 // On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
 // This assures that MUI styles are loaded first.
 // It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
-export const createEmotionCache = () => {
+export const createEmotionCache = (): EmotionCache => {
   let insertionPoint
 
   if (typeof document !== 'undefined') {
@@ -12,4 +12,4 @@ export const createEmotionCache = () => {
   }
 
   return createCache({ key: 'mui-style', insertionPoint })
-}
+}
diff --git a/styles/palette.ts b/styles/palette.ts
@@ -1,65 +1,65 @@
 export const palette = {
-    text: {
-      primary: '#FFFFFF',
-      secondary: '#636669',
-      disabled: '#636669',
-      dark: '#121312',
-    },
-    primary: {
-      dark: '#0cb259',
-      main: '#12FF80',
-      light: '#A1A3A7',
-    },
-    secondary: {
-      dark: '#DCDEE0',
-      main: '#FFFFFF',
-      light: '#12FF80',
-      background: '#303033',
-    },
-    border: {
-      main: '#636669',
-      light: '#303033',
-      background: '#121312',
-    },
-    error: {
-      dark: '#AC2C3B',
-      main: '#FF5F72',
-      light: '#FFB4BD',
-      background: '#2F2527',
-    },
-    success: {
-      dark: '#028D4C',
-      main: '#00B460',
-      light: '#81C784',
-      background: '#1F2920',
-    },
-    info: {
-      dark: '#52BFDC',
-      main: '#5FDDFF',
-      light: '#B7F0FF',
-      background: '#19252C',
-    },
-    warning: {
-      dark: '#CD674E',
-      main: '#FF8061',
-      light: '#FFB7A6',
-      background: '#2F2318',
-    },
-    background: {
-      default: '#121312',
-      dark: '#1C1C1C',
-      main: '#121312',
-      paper: '#1C1C1C',
-      light: '#1B2A22',
-    },
-    backdrop: {
-      main: '#636669',
-    },
-    logo: {
-      main: '#FFFFFF',
-      background: '#303033',
-    },
-    static: {
-      main: '#121312',
-    },
-  }
+  text: {
+    primary: '#FFFFFF',
+    secondary: '#636669',
+    disabled: '#636669',
+    dark: '#121312'
+  },
+  primary: {
+    dark: '#0cb259',
+    main: '#12FF80',
+    light: '#A1A3A7'
+  },
+  secondary: {
+    dark: '#DCDEE0',
+    main: '#FFFFFF',
+    light: '#12FF80',
+    background: '#303033'
+  },
+  border: {
+    main: '#636669',
+    light: '#303033',
+    background: '#121312'
+  },
+  error: {
+    dark: '#AC2C3B',
+    main: '#FF5F72',
+    light: '#FFB4BD',
+    background: '#2F2527'
+  },
+  success: {
+    dark: '#028D4C',
+    main: '#00B460',
+    light: '#81C784',
+    background: '#1F2920'
+  },
+  info: {
+    dark: '#52BFDC',
+    main: '#5FDDFF',
+    light: '#B7F0FF',
+    background: '#19252C'
+  },
+  warning: {
+    dark: '#CD674E',
+    main: '#FF8061',
+    light: '#FFB7A6',
+    background: '#2F2318'
+  },
+  background: {
+    default: '#121312',
+    dark: '#1C1C1C',
+    main: '#121312',
+    paper: '#1C1C1C',
+    light: '#1B2A22'
+  },
+  backdrop: {
+    main: '#636669'
+  },
+  logo: {
+    main: '#FFFFFF',
+    background: '#303033'
+  },
+  static: {
+    main: '#121312'
+  }
+}