Initial commit

2025-10-11 11:55:25 +08:00
parent 467dad8449
commit 8107dee8d3
2879 changed files with 610575 additions and 0 deletions
--- a/src/layouts/Landing.js
+++ b/src/layouts/Landing.js
@@ -0,0 +1,91 @@
+// Chakra imports
+import { Box, Stack } from "@chakra-ui/react";
+import { ArgonLogoLight, ChakraLogoLight } from "components/Icons/Icons";
+import MainPanel from "components/Layout/MainPanel";
+import PanelContainer from "components/Layout/PanelContainer";
+import PanelContent from "components/Layout/PanelContent";
+import Sidebar from "components/Sidebar/Sidebar.js";
+import { SidebarContext } from "contexts/SidebarContext";
+import React, { useState } from "react";
+
+import { Route, Routes, Navigate } from "react-router-dom";
+import routes from "routes.js";
+
+const Landing = () => {
+  const [toggleSidebar, setToggleSidebar] = useState(false);
+  const [sidebarWidth, setSidebarWidth] = useState(275);
+
+  const getRoutes = (routes) => {
+    return routes.map((route, key) => {
+      if (route.layout === "/landing") {
+        return (
+          <Route
+            path={ route.path}
+            element={route.component}
+            key={key}
+          />
+        );
+      }
+      if (route.collapse) {
+        return getRoutes(route.items);
+      }
+      if (route.category) {
+        return getRoutes(route.items);
+      } else {
+        return null;
+      }
+    });
+  };
+
+  return (
+    <SidebarContext.Provider
+      value={{
+        sidebarWidth,
+        setSidebarWidth,
+        toggleSidebar,
+        setToggleSidebar,
+      }}
+    >
+      <Box minH="100vh" bg="linear-gradient(180deg, #3182CE 0%, #63B3ED 100%)">
+        <Sidebar
+          routes={routes}
+          landing={true}
+          logo={
+            <Stack
+              direction="row"
+              spacing="12px"
+              align="center"
+              justify="center"
+            >
+              <ArgonLogoLight w="74px" h="27px" />
+              <Box w="1px" h="20px" bg={"white"} />
+              <ChakraLogoLight w="82px" h="21px" />
+            </Stack>
+          }
+          display="none"
+        />
+        <MainPanel
+          w={{
+            base: "100%",
+            xl: `calc(100% - 275px)`,
+          }}
+          minH="100vh"
+        >
+          <PanelContent>
+            <PanelContainer>
+              <Routes>
+                {getRoutes(routes)} 
+                <Route
+                  path="/landing"
+                  element={<Navigate to="/admin/dashboard/default" replace />}
+                /> 
+              </Routes>
+            </PanelContainer>
+          </PanelContent>
+        </MainPanel>
+      </Box>
+    </SidebarContext.Provider>
+  );
+};
+
+export default Landing;