From ba96207fb4112baf03a2c0e456756da794f807ff Mon Sep 17 00:00:00 2001
From: Samuel Rowe <samuelrowe1999@gmail.com>
Date: Sun, 31 Jul 2022 19:09:32 +0530
Subject: [PATCH] refactor(frontend): renamed `IPam` to `IPAM`

---
 .../src/components/Modal/network/CreateNetworkModal.tsx     | 4 ++--
 .../src/components/Modal/network/EditNetworkModal.tsx       | 4 ++--
 .../src/components/Modal/network/{IPam.tsx => IPAM.tsx}     | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)
 rename services/frontend/src/components/Modal/network/{IPam.tsx => IPAM.tsx} (96%)

diff --git a/services/frontend/src/components/Modal/network/CreateNetworkModal.tsx b/services/frontend/src/components/Modal/network/CreateNetworkModal.tsx
index bc13aeb..4cef26e 100644
--- a/services/frontend/src/components/Modal/network/CreateNetworkModal.tsx
+++ b/services/frontend/src/components/Modal/network/CreateNetworkModal.tsx
@@ -1,7 +1,7 @@
 import { FunctionComponent, ReactElement, useMemo, useState } from "react";
 import { Formik } from "formik";
 import General from "./General";
-import IPam from "./IPam";
+import IPAM from "./IPAM";
 import { CallbackFunction } from "../../../types";
 import { getInitialValues, tabs, validationSchema } from "./form-utils";
 import { classNames } from "../../../utils/styles";
@@ -65,7 +65,7 @@ const CreateNetworkModal: FunctionComponent<ICreateNetworkModalProps> = (
 
           <div className="relative px-4 py-3 flex-auto">
             {openTab === "General" && <General />}
-            {openTab === "IPAM" && <IPam />}
+            {openTab === "IPAM" && <IPAM />}
           </div>
 
           <Actions>
diff --git a/services/frontend/src/components/Modal/network/EditNetworkModal.tsx b/services/frontend/src/components/Modal/network/EditNetworkModal.tsx
index 68aaf84..aa389a1 100644
--- a/services/frontend/src/components/Modal/network/EditNetworkModal.tsx
+++ b/services/frontend/src/components/Modal/network/EditNetworkModal.tsx
@@ -1,7 +1,7 @@
 import { useMemo, useState } from "react";
 import { Formik } from "formik";
 import General from "./General";
-import IPam from "./IPam";
+import IPAM from "./IPAM";
 import { CallbackFunction } from "../../../types";
 import { getInitialValues, tabs, validationSchema } from "./form-utils";
 import { classNames } from "../../../utils/styles";
@@ -64,7 +64,7 @@ const EditNetworkModal = (props: IEditNetworkModalProps) => {
 
           <div className="relative px-4 py-3 flex-auto max-h-96 overflow-y-auto">
             {openTab === "General" && <General />}
-            {openTab === "IPAM" && <IPam />}
+            {openTab === "IPAM" && <IPAM />}
           </div>
 
           <Actions>
diff --git a/services/frontend/src/components/Modal/network/IPam.tsx b/services/frontend/src/components/Modal/network/IPAM.tsx
similarity index 96%
rename from services/frontend/src/components/Modal/network/IPam.tsx
rename to services/frontend/src/components/Modal/network/IPAM.tsx
index 946f12e..4915969 100644
--- a/services/frontend/src/components/Modal/network/IPam.tsx
+++ b/services/frontend/src/components/Modal/network/IPAM.tsx
@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import { FunctionComponent, ReactElement } from "react";
 import { styled } from "@mui/joy";
 
 import TextField from "../../global/FormElements/TextField";
@@ -42,7 +42,7 @@ const ConfigurationBorder = styled("div")`
   margin: 8px 0px 0px 0px;
 `;
 
-const IPam = () => {
+const IPAM: FunctionComponent = (): ReactElement => {
   return (
     <Fields>
       <TextField label="Driver" name="driver" />
@@ -154,4 +154,4 @@ const IPam = () => {
   );
 };
 
-export default IPam;
+export default IPAM;