From 98fcda5dcb11c459da0e3ae2d344b812cc7a412c Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 9 Jul 2023 19:31:30 +0200
Subject: [PATCH] Added a loading page to the App.jsx

---
 src/App.jsx | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index b78f15e..0e14dc3 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,7 +1,15 @@
-export default () => {
-  return (
-    <div className="App">
+import { LinearProgress, Stack, useTheme} from "@mui/material";
+import LightLogo from "@/common/assets/images/logo/light.webp";
+import DarkLogo from "@/common/assets/images/logo/dark.webp";
 
-    </div>
-  )
+export default () => {
+    const theme = useTheme();
+    const logo = theme.palette.mode === "dark" ? DarkLogo : LightLogo;
+
+    return (
+        <Stack sx={{height: "100vh"}} justifyContent="center" alignItems="center" gap={5}>
+            <img src={logo} alt="Logo" style={{width: "25rem"}}/>
+            <LinearProgress variant="indeterminate" sx={{width: "20rem"}}/>
+        </Stack>
+    )
 }
\ No newline at end of file