From 5d956264d342fbaa6cd5a7e4a9988bf5172f6852 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 30 Jul 2023 19:05:21 +0200
Subject: [PATCH] Created the Loading.jsx state

---
 src/states/Loading/Loading.jsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 src/states/Loading/Loading.jsx

diff --git a/src/states/Loading/Loading.jsx b/src/states/Loading/Loading.jsx
new file mode 100644
index 0000000..16d5748
--- /dev/null
+++ b/src/states/Loading/Loading.jsx
@@ -0,0 +1,16 @@
+import {LinearProgress, Stack, useTheme} from "@mui/material";
+import DarkLogo from "@/common/assets/images/logo/dark.webp";
+import LightLogo from "@/common/assets/images/logo/light.webp";
+
+export const Loading = ({progress}) => {
+    const theme = useTheme();
+    const logo = theme.palette.mode === "dark" ? DarkLogo : LightLogo;
+
+    return (
+        <Stack justifyContent="center" alignItems="center" sx={{height: "100vh"}} gap={5}>
+            <img src={logo} alt="Logo" style={{width: "25rem"}}/>
+            <LinearProgress variant={progress ? "determinate" : "indeterminate"} sx={{width: "20rem"}}
+                            value={progress}/>
+        </Stack>
+    )
+}
\ No newline at end of file