feat(frontend): moved labels form to general tab in volumes modal

services/frontend/src/components/Modal/volume/CreateVolumeModal.tsx

@@ -9,7 +9,6 @@ import {
   validationSchema
 } from "./form-utils";
 import General from "./General";
-import Labels from "./Labels";
 import { CallbackFunction } from "../../../types";
 
 interface ICreateVolumeModalProps {
@@ -90,7 +89,6 @@ const CreateVolumeModal = (props: ICreateVolumeModalProps) => {
 
                   <div className="relative px-4 py-3 flex-auto">
                     {openTab === "General" && <General />}
-                    {openTab === "Labels" && <Labels />}
                   </div>
 
                   <div className="flex items-center justify-end px-4 py-3 border-t border-solid border-blueGray-200 rounded-b">

services/frontend/src/components/Modal/volume/EditVolumeModal.tsx

@@ -2,7 +2,6 @@ import { useEffect, useMemo, useState } from "react";
 import { Formik } from "formik";
 import { XIcon } from "@heroicons/react/outline";
 import General from "./General";
-import Labels from "./Labels";
 import type { CallbackFunction, IVolumeNodeItem } from "../../../types";
 import {
   getFinalValues,
@@ -101,7 +100,6 @@ const EditVolumeModal = (props: IEditVolumeModal) => {
 
                     <div className="relative px-4 py-3 flex-auto">
                       {openTab === "General" && <General />}
-                      {openTab === "Labels" && <Labels />}
                     </div>
 
                     <div className="flex items-center justify-end px-4 py-3 border-t border-solid border-blueGray-200 rounded-b">

services/frontend/src/components/Modal/volume/General.tsx

@@ -1,6 +1,7 @@
 import { styled } from "@mui/joy";
 
 import TextField from "../../global/FormElements/TextField";
+import Records from "../../Records";
 
 const Root = styled("div")`
   display: flex;
@@ -13,6 +14,25 @@ const General = () => {
     <Root>
       <TextField label="Entry name" name="entryName" required={true} />
       <TextField label="Volume name" name="volumeName" required={true} />
+      <Records
+        name="labels"
+        title="Labels"
+        fields={(index: number) => [
+          {
+            name: `labels[${index}].key`,
+            placeholder: "Key",
+            required: true,
+            type: "text"
+          },
+          {
+            name: `labels[${index}].value`,
+            placeholder: "Value",
+            required: true,
+            type: "text"
+          }
+        ]}
+        newValue={{ key: "", value: "" }}
+      />
     </Root>
   );
 };

services/frontend/src/components/Modal/volume/Labels.tsx

@@ -1,37 +0,0 @@
-import { styled } from "@mui/joy";
-import Records from "../../Records";
-
-const Root = styled("div")`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;
-
-const Labels = () => {
-  return (
-    <Root>
-      <Records
-        name="labels"
-        title=""
-        collapsible={false}
-        fields={(index: number) => [
-          {
-            name: `labels[${index}].key`,
-            placeholder: "Key",
-            required: true,
-            type: "text"
-          },
-          {
-            name: `labels[${index}].value`,
-            placeholder: "Value",
-            required: true,
-            type: "text"
-          }
-        ]}
-        newValue={{ key: "", value: "" }}
-      />
-    </Root>
-  );
-};
-
-export default Labels;

services/frontend/src/components/Modal/volume/form-utils.ts

@@ -78,11 +78,5 @@ export const tabs = [
     href: "#",
     current: true,
     hidden: false
-  },
-  {
-    name: "Labels",
-    href: "#",
-    current: false,
-    hidden: false
   }
 ];