From b5c977d3aaba73f3a88fd091aa73d613e80d277d Mon Sep 17 00:00:00 2001
From: Daniel <danielglezalbo@gmail.com>
Date: Mon, 8 Dec 2025 20:40:41 +0100
Subject: [PATCH] fix: comments

---
 .../IronCalc/src/components/FormulaBar/FormulaBar.tsx | 11 ++++-------
 .../src/components/FormulaBar/FormulaBarMenu.tsx      |  2 --
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/webapp/IronCalc/src/components/FormulaBar/FormulaBar.tsx b/webapp/IronCalc/src/components/FormulaBar/FormulaBar.tsx
index df6a06b..b587aed 100644
--- a/webapp/IronCalc/src/components/FormulaBar/FormulaBar.tsx
+++ b/webapp/IronCalc/src/components/FormulaBar/FormulaBar.tsx
@@ -35,8 +35,6 @@ function FormulaBar(properties: FormulaBarProps) {
   } = properties;
   const [isMenuOpen, setIsMenuOpen] = useState(false);
 
-  const handleMenuChange = (_option: string): void => {};
-
   const handleMenuOpenChange = (isOpen: boolean): void => {
     setIsMenuOpen(isOpen);
   };
@@ -45,7 +43,6 @@ function FormulaBar(properties: FormulaBarProps) {
     <Container>
       <AddressContainer $active={isMenuOpen}>
         <FormulaBarMenu
-          onChange={handleMenuChange}
           onMenuOpenChange={handleMenuOpenChange}
           openDrawer={properties.openDrawer}
           canEdit={properties.canEdit}
@@ -154,7 +151,6 @@ const AddressContainer = styled("div")<{ $active?: boolean }>`
   font-size: 12px;
   display: flex;
   font-weight: 600;
-  flex-grow: row;
   align-items: center;
   gap: 2px;
   border-radius: 4px;
@@ -163,7 +159,8 @@ const AddressContainer = styled("div")<{ $active?: boolean }>`
   background-color: ${(props) =>
     props.$active ? theme.palette.action.selected : "transparent"};
   &:hover {
-    background-color: ${theme.palette.grey["100"]};
+   background-color: ${(props) =>
+     props.$active ? theme.palette.action.selected : theme.palette.grey["100"]};
   }
 `;
 
@@ -176,7 +173,7 @@ const CellBarAddress = styled("div")`
   justify-content: center;
   text-align: center;
   padding-left: 8px;
-  background-color: "transparent";
+  background-color: transparent;
 `;
 
 const StyledIcon = styled("div")`
@@ -184,7 +181,7 @@ const StyledIcon = styled("div")`
   align-items: center;
   justify-content: center;
   padding: 4px 2px;
-  background-color: "transparent";
+  background-color: transparent;
 `;
 
 const EditorWrapper = styled("div")`
diff --git a/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx b/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx
index 5389dd8..8ea88a4 100644
--- a/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx
+++ b/webapp/IronCalc/src/components/FormulaBar/FormulaBarMenu.tsx
@@ -8,7 +8,6 @@ import { parseRangeInSheet } from "../Editor/util";
 
 type FormulaBarMenuProps = {
   children: React.ReactNode;
-  onChange: (option: string) => void;
   onMenuOpenChange: (isOpen: boolean) => void;
   openDrawer: () => void;
   canEdit: boolean;
@@ -81,7 +80,6 @@ const FormulaBarMenu = (properties: FormulaBarMenuProps) => {
                       );
                     }
                     properties.onUpdate();
-                    properties.onChange(definedName.name);
                     handleMenuClose();
                   }}
                 >