From bee47e29a8524250e577c007788aa006c43f91cc Mon Sep 17 00:00:00 2001
From: mbalsdon <m.mathewbalsdon@gmail.com>
Date: Thu, 24 Mar 2022 17:34:37 -0700
Subject: [PATCH] fix small issue where selected checkboxes stay selected after
 changing group

---
 src/components/home/CallFavouritesDialog.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/home/CallFavouritesDialog.tsx b/src/components/home/CallFavouritesDialog.tsx
index 6173d05..df25dff 100644
--- a/src/components/home/CallFavouritesDialog.tsx
+++ b/src/components/home/CallFavouritesDialog.tsx
@@ -49,6 +49,10 @@ const CallFavouritesDialog: React.FC<Props> = ({
     }
   };
 
+  const handleGroupChange = () => {
+    setCheckedUuids([]);
+  };
+
   const favoritesUuids = useAppSelector(selectFavorites);
   const teamUuids = useAppSelector(selectTeam);
 
@@ -62,7 +66,7 @@ const CallFavouritesDialog: React.FC<Props> = ({
     <Dialog onClose={handleClose} open={open} fullWidth maxWidth="sm">
       <DialogTitle>Select who to call:</DialogTitle>
       <DialogContent>
-        <GroupSelect group={group} setGroup={setGroup} />
+        <GroupSelect group={group} setGroup={setGroup} onGroupChange={handleGroupChange}/>
       </DialogContent>
       <DialogContent sx={{ height: "40vh" }} dividers>
         <TextField
@@ -86,7 +90,6 @@ const CallFavouritesDialog: React.FC<Props> = ({
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
               onChange={(e: any) => {
                 handleCheck(member.uuid, e.target.checked);
-                console.log(checkedUuids);
               }}
               control={
                 <Checkbox