From 0744b36ae05deb4621a69e9b5a7789d214f10b2f Mon Sep 17 00:00:00 2001
From: Topvennie <vincent@vallaeys.com>
Date: Fri, 6 Dec 2024 00:50:21 +0100
Subject: [PATCH] vinvoor: big boss wanted some revisions

---
 vinvoor/src/footer/Footer.tsx | 56 ++++++++++++++++++++---------------
 1 file changed, 32 insertions(+), 24 deletions(-)

diff --git a/vinvoor/src/footer/Footer.tsx b/vinvoor/src/footer/Footer.tsx
index 3322441..b55663c 100644
--- a/vinvoor/src/footer/Footer.tsx
+++ b/vinvoor/src/footer/Footer.tsx
@@ -1,4 +1,4 @@
-import { Box, Icon, Link } from "@mui/material";
+import { Box, Icon, Link, Tooltip } from "@mui/material";
 import { TypographyG } from "../components/TypographyG";
 import { useVersion } from "../hooks/useVersion";
 import FerrisIcon from "/ferris.svg";
@@ -16,29 +16,37 @@ export function Footer() {
         alignItems: "center",
       }}
     >
-      <TypographyG>
-        <Icon sx={{
-          pr: "4px",
-          pl: "6px",
-          alignItems: "center",
-          overflow: "visible",
-        }}
-        >
-          <img src={FerrisIcon} />
-        </Icon>
-        v
-        {version?.version ?? ""}
-        <Icon sx={{
-          pr: "4px",
-          pl: "6px",
-          alignItems: "center",
-          overflow: "visible",
-        }}
-        >
-          <img src={ReactIcon} />
-        </Icon>
-        v
-        {import.meta.env.VITE_APP_VERSION}
+      <TypographyG sx={{ display: "flex" }}>
+        <Tooltip title="Backend version" arrow>
+          <Link href="https://github.com/ZeusWPI/ZeSS/tree/main/vingo" style={{ color: "inherit" }} underline="hover">
+            <Icon sx={{
+              pr: "4px",
+              pl: "5px",
+              alignItems: "center",
+              overflow: "visible",
+            }}
+            >
+              <img src={FerrisIcon} />
+            </Icon>
+            v
+            {version?.version ?? ""}
+          </Link>
+        </Tooltip>
+        <Tooltip title="Frontend version" arrow>
+          <Link href="https://github.com/ZeusWPI/ZeSS/tree/main/vinvoor" style={{ color: "inherit" }} underline="hover">
+            <Icon sx={{
+              pr: "4px",
+              pl: "5px",
+              alignItems: "center",
+              overflow: "visible",
+            }}
+            >
+              <img src={ReactIcon} />
+            </Icon>
+            v
+            {import.meta.env.VITE_APP_VERSION}
+          </Link>
+        </Tooltip>
       </TypographyG>
       <TypographyG
         sx={{