From 21f8d324a9dcd08045b82fbf1c64b9fdc62f4886 Mon Sep 17 00:00:00 2001
From: Samuel Rowe <samuelrowe1999@gmail.com>
Date: Tue, 26 Jul 2022 17:28:34 +0530
Subject: [PATCH] refactor(frontend): renamed `ModalVolumeEdit` to
 `EditVolumeModal`

---
 .../Modal/volume/{Edit.tsx => EditVolumeModal.tsx}         | 6 +++---
 services/frontend/src/components/Project/index.tsx         | 7 +++----
 2 files changed, 6 insertions(+), 7 deletions(-)
 rename services/frontend/src/components/Modal/volume/{Edit.tsx => EditVolumeModal.tsx} (97%)

diff --git a/services/frontend/src/components/Modal/volume/Edit.tsx b/services/frontend/src/components/Modal/volume/EditVolumeModal.tsx
similarity index 97%
rename from services/frontend/src/components/Modal/volume/Edit.tsx
rename to services/frontend/src/components/Modal/volume/EditVolumeModal.tsx
index 9eaf6e6..ce98c54 100644
--- a/services/frontend/src/components/Modal/volume/Edit.tsx
+++ b/services/frontend/src/components/Modal/volume/EditVolumeModal.tsx
@@ -11,13 +11,13 @@ import {
   IVolumeTopLevel
 } from "../../../types";
 
-interface IModalVolumeEdit {
+interface IEditVolumeModal {
   node: IVolumeNodeItem;
   onHide: CallbackFunction;
   onUpdateEndpoint: CallbackFunction;
 }
 
-const ModalVolumeEdit = (props: IModalVolumeEdit) => {
+const EditVolumeModal = (props: IEditVolumeModal) => {
   const { node, onHide, onUpdateEndpoint } = props;
   const [openTab, setOpenTab] = useState("General");
   const [selectedNode, setSelectedNode] = useState<IVolumeNodeItem>();
@@ -163,4 +163,4 @@ const ModalVolumeEdit = (props: IModalVolumeEdit) => {
   );
 };
 
-export default ModalVolumeEdit;
+export default EditVolumeModal;
diff --git a/services/frontend/src/components/Project/index.tsx b/services/frontend/src/components/Project/index.tsx
index 4b4a20a..f29ea34 100644
--- a/services/frontend/src/components/Project/index.tsx
+++ b/services/frontend/src/components/Project/index.tsx
@@ -9,8 +9,7 @@ import {
   IServiceNodeItem,
   IVolumeNodeItem,
   IServiceNodePosition,
-  IProject,
-  INetworkTopLevel
+  IProject
 } from "../../types";
 import eventBus from "../../events/eventBus";
 import { useMutation } from "react-query";
@@ -38,7 +37,7 @@ import ModalServiceCreate from "../Modal/Service/Create";
 import ModalServiceEdit from "../Modal/Service/Edit";
 import ModalNetwork from "../Modal/Network";
 import CreateVolumeModal from "../Modal/volume/CreateVolumeModal";
-import ModalVolumeEdit from "../Modal/volume/Edit";
+import EditVolumeModal from "../Modal/volume/EditVolumeModal";
 import CodeEditor from "../CodeEditor";
 
 export default function Project() {
@@ -361,7 +360,7 @@ export default function Project() {
           ) : null}
 
           {volumeToEdit ? (
-            <ModalVolumeEdit
+            <EditVolumeModal
               node={volumeToEdit}
               onHide={() => setVolumeToEdit(null)}
               onUpdateEndpoint={(values: any) => onUpdateEndpoint(values)}