From 1f62ff3280c282c05ac12eb2873bf177a41c5a2e Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 9 Mar 2024 22:21:26 -0300
Subject: [PATCH] Refactor menuBar and headerComponent to use "nodes" instead
 of "n"

---
 .../headerComponent/components/menuBar/index.tsx          | 4 ++--
 src/frontend/src/components/headerComponent/index.tsx     | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index e09fff65f..ab167bbb9 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -34,7 +34,7 @@ export const MenuBar = ({
   const redo = useFlowsManagerStore((state) => state.redo);
   const saveLoading = useFlowsManagerStore((state) => state.saveLoading);
   const [openSettings, setOpenSettings] = useState(false);
-  const n = useFlowStore((state) => state.nodes);
+  const nodes = useFlowStore((state) => state.nodes);
   const uploadFlow = useFlowsManagerStore((state) => state.uploadFlow);
   const hasApiKey = useStoreStore((state) => state.hasApiKey);
   const validApiKey = useStoreStore((state) => state.validApiKey);
@@ -65,7 +65,7 @@ export const MenuBar = ({
     <div className="round-button-div">
       <button
         onClick={() => {
-          removeFunction(n);
+          removeFunction(nodes);
           navigate(-1);
         }}
       >
diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index efe9d73a4..442a6c3be 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -33,7 +33,7 @@ export default function Header(): JSX.Element {
   const removeFlow = useFlowsManagerStore((store) => store.removeFlow);
   const hasStore = useStoreStore((state) => state.hasStore);
   const { id } = useParams();
-  const n = useFlowStore((state) => state.nodes);
+  const nodes = useFlowStore((state) => state.nodes);
 
   const dark = useDarkStore((state) => state.dark);
   const setDark = useDarkStore((state) => state.setDark);
@@ -57,7 +57,7 @@ export default function Header(): JSX.Element {
   return (
     <div className="header-arrangement">
       <div className="header-start-display lg:w-[30%]">
-        <Link to="/" onClick={() => checkForChanges(n)}>
+        <Link to="/" onClick={() => checkForChanges(nodes)}>
           <span className="ml-4 text-2xl">⛓️</span>
         </Link>
         <MenuBar removeFunction={checkForChanges} />
@@ -74,7 +74,7 @@ export default function Header(): JSX.Element {
             }
             size="sm"
             onClick={() => {
-              checkForChanges(n);
+              checkForChanges(nodes);
             }}
           >
             <IconComponent name="Home" className="h-4 w-4" />
@@ -100,7 +100,7 @@ export default function Header(): JSX.Element {
               variant={location.pathname === "/store" ? "primary" : "secondary"}
               size="sm"
               onClick={() => {
-                checkForChanges(n);
+                checkForChanges(nodes);
               }}
             >
               <IconComponent name="Store" className="h-4 w-4" />