From 46c998be3351a2d3e9081b440647154dd298aaf8 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Fri, 16 Jun 2023 16:10:54 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(menuBar):=20refactor=20men?=
 =?UTF-8?q?u=20bar=20to=20improve=20readability=20and=20add=20new=20option?=
 =?UTF-8?q?=20The=20menu=20bar=20has=20been=20refactored=20to=20improve=20?=
 =?UTF-8?q?readability=20and=20make=20it=20easier=20to=20add=20new=20optio?=
 =?UTF-8?q?ns=20in=20the=20future.=20A=20new=20option=20has=20been=20added?=
 =?UTF-8?q?=20to=20create=20a=20new=20flow.=20The=20"Edit"=20label=20has?=
 =?UTF-8?q?=20been=20changed=20to=20"Options"=20to=20better=20reflect=20th?=
 =?UTF-8?q?e=20purpose=20of=20the=20dropdown=20menu.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/menuBar/index.tsx              | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index 1b2728d51..1231264e8 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -64,7 +64,15 @@ export const MenuBar = ({ flows, tabId }) => {
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent className="w-44">
-            <DropdownMenuLabel>Edit</DropdownMenuLabel>
+            <DropdownMenuLabel>Options</DropdownMenuLabel>
+            <DropdownMenuItem
+              onClick={() => {
+                handleAddFlow();
+              }}
+            >
+              <Plus className="w-4 h-4 mr-2" />
+              New
+            </DropdownMenuItem>
             <DropdownMenuItem
               onClick={() => {
                 openPopUp(<FlowSettingsModal />);
@@ -99,22 +107,20 @@ export const MenuBar = ({ flows, tabId }) => {
             >
               {flows.map((flow, idx) => {
                 return (
-                  <Link to={"/flow/" + flow.id} className="flex w-full items-center">
-                    <DropdownMenuRadioItem value={flow.id} className="flex-1 w-full inline-block truncate break-words mr-2">
+                  <Link
+                    to={"/flow/" + flow.id}
+                    className="flex w-full items-center"
+                  >
+                    <DropdownMenuRadioItem
+                      value={flow.id}
+                      className="flex-1 w-full inline-block truncate break-words mr-2"
+                    >
                       {flow.name}
                     </DropdownMenuRadioItem>
                   </Link>
                 );
               })}
             </DropdownMenuRadioGroup>
-            <DropdownMenuItem
-              onClick={() => {
-                handleAddFlow();
-              }}
-            >
-              <Plus className="w-4 h-4 mr-2" />
-              New Project
-            </DropdownMenuItem>
           </DropdownMenuContent>
         </DropdownMenu>
       </div>