first commit

2023-03-25 20:44:56 -04:00
commit 97cc85c49d
711 changed files with 109164 additions and 0 deletions
@@ -0,0 +1,98 @@
+import React, { useState } from "react";
+import AppBar from '@mui/material/AppBar';
+import Toolbar from '@mui/material/Toolbar';
+import IconButton from '@mui/material/IconButton';
+import Typography from '@mui/material/Typography';
+import CloseIcon from '@mui/icons-material/Close';
+import { Box } from "@mui/material";
+import Tooltip from "@mui/material/Tooltip";
+import Button from "@mui/material/Button";
+import RTLSwitch from '@/components/_App/ControlPanelModal/RTLSwitch';
+import DarkAndLightMode from '@/components/_App/ControlPanelModal/DarkAndLightMode';
+import OnlyLeftSidebarDarkMode from '@/components/_App/ControlPanelModal/OnlyLeftSidebarDarkMode';
+import OnlyTopNavbarDark from '@/components/_App/ControlPanelModal/OnlyTopNavbarDark';
+
+export default function ControlPanelModal() {
+
+  const [isActiveSearchModal, setActiveSearchModal] = useState("false");
+  const handleToggleSearchModal = () => {
+    setActiveSearchModal(!isActiveSearchModal);
+  };
+
+  return (
+    <>
+      <div
+        className={`control-panel-modal ${
+          isActiveSearchModal ? "" : "show"
+        }`}
+      > 
+ 
+        <Tooltip title="Control Panel" placement="left" arrow>
+          <div 
+            className='settings-btn' 
+            onClick={handleToggleSearchModal}
+          >
+            <i className="ri-settings-3-line"></i>
+          </div>
+        </Tooltip>
+
+        <div
+          className="control-panel-dialog"
+        >
+          <AppBar sx={{ position: 'relative' }}>
+            <Toolbar>
+              <IconButton
+                edge="start"
+                color="inherit"
+                onClick={handleToggleSearchModal}
+                aria-label="close"
+              >
+                <CloseIcon sx={{ color: "#fff !important" }} />
+              </IconButton>
+
+              <Typography 
+                sx={{ 
+                  flex: 1, 
+                  color: "#fff !important" 
+                }} 
+                variant="h6" 
+                component="div"
+                className='ml-2'
+              >
+                Control Panel
+              </Typography>
+            </Toolbar>
+          </AppBar>
+
+          <Box p={3} className="control-panel-content">
+            {/* DarkAndLightMode */}
+            <DarkAndLightMode />
+            
+            {/* OnlyLeftSidebarDarkMode */}
+            <OnlyLeftSidebarDarkMode />
+            
+            {/* OnlyTopNavbarDark */}
+            <OnlyTopNavbarDark />
+
+            {/* RTLSwitch */}
+            <RTLSwitch />
+          </Box>
+
+          <div className="control-panel-footer">
+            <Button
+              onClick={handleToggleSearchModal}
+              variant="contained"
+              color="danger"
+              sx={{
+                textTransform: "capitalize",
+                color: "#fff !important"
+              }} 
+            >
+              Cancel
+            </Button>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}