From 68f3d28bca7ebf93409e99a180909cdcf83fb8cb Mon Sep 17 00:00:00 2001
From: Nicholas Lee <niconal902@gmail.com>
Date: Wed, 20 Nov 2024 11:54:09 -0500
Subject: [PATCH] Maint 853 update baner with new townhall link (#856)

* maint: updated banner with new tonwhall link

* fix: update hover color

* chore: linting
---
 .../src/components/Downbanner.tsx             | 111 +++++++++---------
 1 file changed, 55 insertions(+), 56 deletions(-)

diff --git a/compose/neurosynth-frontend/src/components/Downbanner.tsx b/compose/neurosynth-frontend/src/components/Downbanner.tsx
index b84a51c6..9d13cb76 100644
--- a/compose/neurosynth-frontend/src/components/Downbanner.tsx
+++ b/compose/neurosynth-frontend/src/components/Downbanner.tsx
@@ -1,65 +1,64 @@
-import { Cancel } from "@mui/icons-material";
-import EmojiPeopleIcon from "@mui/icons-material/EmojiPeople";
-import { Box, IconButton, Link } from "@mui/material";
-import BaseNavigationStyles from "pages/BaseNavigation/BaseNavigation.styles";
-import { useState } from "react";
+import { Cancel } from '@mui/icons-material';
+import EmojiPeopleIcon from '@mui/icons-material/EmojiPeople';
+import { Box, IconButton, Link } from '@mui/material';
+import BaseNavigationStyles from 'pages/BaseNavigation/BaseNavigation.styles';
+import { useState } from 'react';
 
-const localStorageBannerKey = "hide-banner-nov-20-2024";
+const localStorageBannerKey = 'hide-banner-nov-20-2024';
 
 const Banner: React.FC = () => {
-  const shouldHide = !!localStorage.getItem(localStorageBannerKey);
-  const [hideBanner, setHideBanner] = useState(shouldHide);
+    const shouldHide = !!localStorage.getItem(localStorageBannerKey);
+    const [hideBanner, setHideBanner] = useState(shouldHide);
 
-  if (hideBanner) return <></>;
+    if (hideBanner) return <></>;
 
-  return (
-    <Box
-      sx={{
-        backgroundColor: "primary.dark",
-        color: "primary.contrastText",
-        width: "100%",
-        paddingY: "0.5rem",
-      }}
-    >
-      <Box
-        sx={[
-          BaseNavigationStyles.pagesContainer,
-          {
-            marginY: "0",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-          },
-        ]}
-      >
-        <Box display="flex" alignItems="center">
-          <EmojiPeopleIcon sx={{ mr: "1rem" }} />
-          Join us next Wednesday, December 4th 2024 at 10:00 ET for the
-          Neurosynth Compose Virtual Town Hall!{" "}
-          <Link
-            color="primary.contrastText"
-            sx={{ marginLeft: "4px" }}
-            href="https://tally.so/r/nWePVR"
-            target="_blank"
-          >
-            Click here to register
-          </Link>
-        </Box>
-        <IconButton
-          onClick={() => {
-            localStorage.setItem(localStorageBannerKey, "true");
-            setHideBanner(true);
-          }}
-          sx={{
-            padding: 0,
-            ":hover": { backgroundColor: "gray" },
-          }}
+    return (
+        <Box
+            sx={{
+                backgroundColor: 'primary.dark',
+                color: 'primary.contrastText',
+                width: '100%',
+                paddingY: '0.5rem',
+            }}
         >
-          <Cancel />
-        </IconButton>
-      </Box>
-    </Box>
-  );
+            <Box
+                sx={[
+                    BaseNavigationStyles.pagesContainer,
+                    {
+                        marginY: '0',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                    },
+                ]}
+            >
+                <Box display="flex" alignItems="center">
+                    <EmojiPeopleIcon sx={{ mr: '1rem' }} />
+                    Join us next Wednesday, December 4th 2024 at 10:00 ET for the Neurosynth Compose Virtual Town Hall!{' '}
+                    <Link
+                        color="primary.contrastText"
+                        sx={{ marginLeft: '4px' }}
+                        href="https://tally.so/r/nWePVR"
+                        target="_blank"
+                    >
+                        Click here to register
+                    </Link>
+                </Box>
+                <IconButton
+                    onClick={() => {
+                        localStorage.setItem(localStorageBannerKey, 'true');
+                        setHideBanner(true);
+                    }}
+                    sx={{
+                        padding: 0,
+                        ':hover': { backgroundColor: 'gray' },
+                    }}
+                >
+                    <Cancel />
+                </IconButton>
+            </Box>
+        </Box>
+    );
 };
 
 export default Banner;