From da85caf684243d14533c3b62659bae9ff92299eb Mon Sep 17 00:00:00 2001
From: Mo Tarbin <mhed.t91@gmail.com>
Date: Wed, 15 Jan 2025 01:54:07 -0500
Subject: [PATCH] Update IconButtonWithMenu to support label prop

---
 src/views/Chores/IconButtonWithMenu.jsx | 45 ++++++++++++++++++-------
 1 file changed, 32 insertions(+), 13 deletions(-)

diff --git a/src/views/Chores/IconButtonWithMenu.jsx b/src/views/Chores/IconButtonWithMenu.jsx
index bd7db7c..2ad1706 100644
--- a/src/views/Chores/IconButtonWithMenu.jsx
+++ b/src/views/Chores/IconButtonWithMenu.jsx
@@ -1,9 +1,10 @@
-import { Chip, Menu, MenuItem, Typography } from '@mui/joy'
+import { Button, Chip, Menu, MenuItem, Typography } from '@mui/joy'
 import IconButton from '@mui/joy/IconButton'
 import React, { useEffect, useRef, useState } from 'react'
 import { getTextColorFromBackgroundColor } from '../../utils/Colors.jsx'
 
 const IconButtonWithMenu = ({
+  label,
   key,
   icon,
   options,
@@ -39,18 +40,36 @@ const IconButtonWithMenu = ({
 
   return (
     <>
-      <IconButton
-        onClick={handleMenuOpen}
-        variant='outlined'
-        color={isActive ? 'primary' : 'neutral'}
-        size='sm'
-        sx={{
-          height: 24,
-          borderRadius: 24,
-        }}
-      >
-        {icon}
-      </IconButton>
+      {!label && (
+        <IconButton
+          onClick={handleMenuOpen}
+          variant='outlined'
+          color={isActive ? 'primary' : 'neutral'}
+          size='sm'
+          sx={{
+            height: 24,
+            borderRadius: 24,
+          }}
+        >
+          {icon}
+          {label ? label : null}
+        </IconButton>
+      )}
+      {label && (
+        <Button
+          onClick={handleMenuOpen}
+          variant='outlined'
+          color={isActive ? 'primary' : 'neutral'}
+          size='sm'
+          startDecorator={icon}
+          sx={{
+            height: 24,
+            borderRadius: 24,
+          }}
+        >
+          {label}
+        </Button>
+      )}
 
       <Menu
         key={key}