From a448cb9d16802d268925808e739a8fd8e6cb71ae Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 8 Jul 2023 19:34:03 +0200
Subject: [PATCH] The Dashboard button now redirects to the Navigation.jsx

---
 src/common/components/Navigation/Navigation.jsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/common/components/Navigation/Navigation.jsx b/src/common/components/Navigation/Navigation.jsx
index 6389e45..8a0ec49 100644
--- a/src/common/components/Navigation/Navigation.jsx
+++ b/src/common/components/Navigation/Navigation.jsx
@@ -1,10 +1,11 @@
 import LogoDark from "@/common/assets/images/logo/dark.webp";
 import LogoLight from "@/common/assets/images/logo/light.webp";
 
-import {AppBar, Button, IconButton, Link, Stack, Typography, useMediaQuery, useTheme} from "@mui/material";
+import {AppBar, Button, CircularProgress, IconButton, Link, Stack, Typography, useMediaQuery, useTheme} from "@mui/material";
 import {Menu} from "@mui/icons-material";
 import {useNavigate} from "react-router-dom";
 import routes from "@/common/routes";
+import {useState} from "react";
 
 const NAVBAR_HEIGHT = 80;
 
@@ -15,6 +16,13 @@ export const Navigation = () => {
     const isMobile = useMediaQuery(theme.breakpoints.down("lg"));
     const isDarkMode = theme.palette.mode === "dark";
 
+    const [dashboardLoading, setDashboardLoading] = useState(false);
+
+    const openDashboard = () => {
+        setDashboardLoading(true);
+        setTimeout(() => location.href = "https://dash.licenseapi.de", 500);
+    }
+
     return (
         <AppBar position="fixed" sx={{height: NAVBAR_HEIGHT, boxShadow: "none", justifyContent: "center",
             backgroundColor: isDarkMode ? "rgba(0, 0, 0, 0.5)" : "rgba(255, 255, 255, 0.5)",
@@ -35,7 +43,8 @@ export const Navigation = () => {
                         </Link>)}
                     </Stack>
 
-                    <Button variant="contained">Anmelden</Button>
+                    <Button variant="contained" onClick={openDashboard} disabled={dashboardLoading}>{dashboardLoading
+                        && <CircularProgress size={18} color="inherit" sx={{mr: 1}}/>} Dashboard</Button>
                 </>}
 
                 {isMobile && <>