From a1bd69632317cb3dbbf8b688d47c62f4941e0b8b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Hatcher?= <nicolas@theuniverse.today>
Date: Wed, 18 Dec 2024 20:08:45 +0100
Subject: [PATCH] FIX[UI]: Use `canDelete` as a property not a function

---
 webapp/src/components/SheetTabBar/SheetTab.tsx    | 4 ++--
 webapp/src/components/SheetTabBar/SheetTabBar.tsx | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/webapp/src/components/SheetTabBar/SheetTab.tsx b/webapp/src/components/SheetTabBar/SheetTab.tsx
index c662ece..b6efa08 100644
--- a/webapp/src/components/SheetTabBar/SheetTab.tsx
+++ b/webapp/src/components/SheetTabBar/SheetTab.tsx
@@ -15,7 +15,7 @@ interface SheetTabProps {
   onSelected: () => void;
   onColorChanged: (hex: string) => void;
   onRenamed: (name: string) => void;
-  canDelete: () => boolean;
+  canDelete: boolean;
   onDeleted: () => void;
   workbookState: WorkbookState;
 }
@@ -94,7 +94,7 @@ function SheetTab(props: SheetTabProps) {
           Change Color
         </StyledMenuItem>
         <StyledMenuItem
-          disabled={!props.canDelete()}
+          disabled={!props.canDelete}
           onClick={() => {
             props.onDeleted();
             handleClose();
diff --git a/webapp/src/components/SheetTabBar/SheetTabBar.tsx b/webapp/src/components/SheetTabBar/SheetTabBar.tsx
index 30703bf..987cf85 100644
--- a/webapp/src/components/SheetTabBar/SheetTabBar.tsx
+++ b/webapp/src/components/SheetTabBar/SheetTabBar.tsx
@@ -67,13 +67,11 @@ function SheetTabBar(props: SheetTabBarProps) {
               onRenamed={(name: string): void => {
                 props.onSheetRenamed(name);
               }}
-              canDelete={(): boolean => {
-                return sheets.length > 1;
-              }}
               onDeleted={(): void => {
                 props.onSheetDeleted();
               }}
               workbookState={workbookState}
+              canDelete={sheets.length > 1}
             />
           ))}
         </SheetInner>