refactor(frontend): moved `tabs` constant to form utils

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

@@ -5,6 +5,7 @@ import { XIcon } from "@heroicons/react/outline";
 import {
   getFinalValues,
   getInitialValues,
+  tabs,
   validationSchema
 } from "./form-utils";
 import General from "./General";
@@ -16,21 +17,6 @@ interface ICreateVolumeModalProps {
   onAddEndpoint: CallbackFunction;
 }
 
-const tabs = [
-  {
-    name: "General",
-    href: "#",
-    current: true,
-    hidden: false
-  },
-  {
-    name: "Labels",
-    href: "#",
-    current: false,
-    hidden: false
-  }
-];
-
 const classNames = (...classes: string[]) => classes.filter(Boolean).join(" ");
 
 const CreateVolumeModal = (props: ICreateVolumeModalProps) => {

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

@@ -78,3 +78,18 @@ export const getFinalValues = (
     }
   ) as any;
 };
+
+export const tabs = [
+  {
+    name: "General",
+    href: "#",
+    current: true,
+    hidden: false
+  },
+  {
+    name: "Labels",
+    href: "#",
+    current: false,
+    hidden: false
+  }
+];