[FEATURE] Adjust creation page

lib/k8s.js

@@ -1,8 +0,0 @@
-import k8s from "@kubernetes/client-node";
-const kc = new k8s.KubeConfig();
-kc.loadFromDefault();
-
-const k8sApi = kc.makeApiClient(k8s.CoreV1Api);
-k8sApi.listNamespacedPod("mc-garden-default").then((res) => {
-  console.log(res.body);
-});

lib/storage/s3-integration.js

@@ -0,0 +1,35 @@
+import multer from "multer";
+import multerS3 from "multer-s3";
+import AWS from "aws-sdk";
+
+// Environment Variables
+const {
+  MCL_S3_ENDPOINT: s3Endpoint,
+  MCL_S3_ACCESS_KEY_ID: s3KeyId,
+  MCL_S3_ACCESS_KEY: s3Key,
+} = process.env;
+
+export const mcl = "mcl";
+
+export const s3 = new AWS.S3({
+  endpoint: s3Endpoint,
+  accessKeyId: s3KeyId,
+  secretAccessKey: s3Key,
+  sslEnabled: true,
+  s3ForcePathStyle: true,
+});
+
+const storage = multerS3({
+  s3,
+  bucket,
+  contentType: multerS3.AUTO_CONTENT_TYPE,
+  metadata: (req, file, cb) => {
+    cb(null, { fieldName: file.fieldname });
+  },
+  key: (req, file, cb) => {
+    cb(null, Date.now().toString());
+  },
+});
+
+export const upload = multer({ storage });
+

package.json

@@ -39,11 +39,14 @@
   },
   "dependencies": {
     "@kubernetes/client-node": "^0.19.0",
+    "aws-sdk": "^2.1472.0",
     "bcrypt": "^5.1.1",
     "chalk": "^5.3.0",
     "express": "^4.18.2",
     "figlet": "^1.6.0",
     "js-yaml": "^4.1.0",
+    "multer": "^1.4.5-lts.1",
+    "multer-s3": "^3.0.1",
     "rcon-client": "^4.2.3",
     "socket.io": "^4.7.2",
     "uuid": "^9.0.1"

src/nav/MCLMenu.jsx

@@ -39,42 +39,6 @@ export default function MCLMenu() {
     <AppBar position="fixed" sx={{ bgcolor: "black", zIndex: drawerIndex() }}>
       <Box sx={{ flexGrow: 1, margin: "0 20px" }}>
         <Toolbar disableGutters>
-          <IconButton
-            size="large"
-            edge="start"
-            color="inherit"
-            aria-label="menu"
-            sx={{ mr: 2 }}
-            onClick={toggleDrawer}
-          >
-            <MenuIcon />
-          </IconButton>
-          <Drawer
-            open={drawerOpen}
-            onClose={closeDrawer}
-            sx={{ zIndex: drawerIndex(true) }}
-          >
-            <Toolbar />
-            <Box
-              sx={{ width: drawerWidth, overflow: "auto" }}
-              role="presentation"
-            >
-              <List>
-                {pages.map((page, index) => (
-                  <ListItemButton
-                    key={index}
-                    component={Link}
-                    to={page.path}
-                    selected={location.pathname === page.path}
-                    onClick={closeDrawer}
-                  >
-                    <ListItemIcon>{page.icon}</ListItemIcon>
-                    <ListItemText primary={page.name} />
-                  </ListItemButton>
-                ))}
-              </List>
-            </Box>
-          </Drawer>
           <Typography variant="h6" noWrap component="div" sx={{ flexGrow: 1 }}>
             {navHeader()}
           </Typography>