Update logo

frontend/src/components/Logo/Logo.js

@@ -5,76 +5,55 @@ import HFLogo from "./HFLogo";
 import { useLeaderboard } from "../../pages/LeaderboardPage/components/Leaderboard/context/LeaderboardContext";
 
 const Logo = ({ height = "40px" }) => {
-  const navigate = useNavigate();
-  const [searchParams, setSearchParams] = useSearchParams();
-  const location = useLocation();
-  const { actions } = useLeaderboard();
+    const navigate = useNavigate();
+    const [searchParams, setSearchParams] = useSearchParams();
+    const location = useLocation();
+    const { actions } = useLeaderboard();
 
-  const handleReset = () => {
-    // Reset all leaderboard state first
-    actions.resetAll();
+    const handleReset = () => {
+        // Reset all leaderboard state first
+        actions.resetAll();
 
-    // Then clean URL in one go
-    if (
-      location.pathname !== "/" ||
-      searchParams.toString() !== "" ||
-      location.hash !== ""
-    ) {
-      window.history.replaceState(null, "", "/");
-      navigate("/", { replace: true, state: { skipUrlSync: true } });
-      setSearchParams({}, { replace: true, state: { skipUrlSync: true } });
-    }
-  };
+        // Then clean URL in one go
+        if (
+            location.pathname !== "/" ||
+            searchParams.toString() !== "" ||
+            location.hash !== ""
+        ) {
+            window.history.replaceState(null, "", "/");
+            navigate("/", { replace: true, state: { skipUrlSync: true } });
+            setSearchParams(
+                {},
+                { replace: true, state: { skipUrlSync: true } }
+            );
+        }
+    };
 
-  return (
-    <Box
-      onClick={handleReset}
-      sx={{
-        height,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        cursor: "pointer",
-        transition: "opacity 0.2s ease",
-        "&:hover": {
-          opacity: 0.8,
-        },
-      }}
-    >
+    return (
         <Box
-          component="img"
-          src="/logofinai.png"
-          sx={{
-            height: 80,
-            mx: 2,
-          }}
-        />
-        <Box
-          component="img"
-          src="/nactemlogo.png"
-          sx={{
-            height: 60,
-            mx: 2,
-          }}
-        />
-        <Box
-          component="img"
-          src="/archimedeslogo.png"
-          sx={{
-            height: 60,
-            mx: 2,
-          }}
-        />
-        <Box
-          component="img"
-          src="/airclogo.png"
-          sx={{
-            height: 80,
-            mx: 2,
-          }}
-        />
-    </Box>
-  );
+            onClick={handleReset}
+            sx={{
+                height,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                cursor: "pointer",
+                transition: "opacity 0.2s ease",
+                "&:hover": {
+                    opacity: 0.8,
+                },
+            }}
+        >
+            <Box
+                component="img"
+                src="/YaleUniLogo.svg"
+                sx={{
+                    height: 60,
+                    mx: 2,
+                }}
+            />
+        </Box>
+    );
 };
 
 export default Logo;