From ccd23444439cc8983ce0774127cd87fd93230db4 Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Sat, 11 Dec 2021 17:19:49 -0600
Subject: [PATCH] fix bug in group creator

---
 .../views/shared-tabs/tab-colors/GroupSharedTabColorsView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/groups/views/shared-tabs/tab-colors/GroupSharedTabColorsView.tsx b/src/views/groups/views/shared-tabs/tab-colors/GroupSharedTabColorsView.tsx
index d9a0d4f6..6040ca3c 100644
--- a/src/views/groups/views/shared-tabs/tab-colors/GroupSharedTabColorsView.tsx
+++ b/src/views/groups/views/shared-tabs/tab-colors/GroupSharedTabColorsView.tsx
@@ -27,7 +27,7 @@ export const GroupSharedTabColorsView: FC<{}> = props =>
             }
         });
         
-    }, [ groupColors, groupColorsA, groupColorsB ]);
+    }, [dispatchGroupsState, groupColors, groupColorsA, groupColorsB]);
 
     const getGroupColor = useCallback((colorIndex: number) =>
     {
@@ -63,7 +63,7 @@ export const GroupSharedTabColorsView: FC<{}> = props =>
                 <div className="fw-bold">{ LocalizeText('group.edit.color.primary.color') }</div>
                 <div className="d-flex align-items-center gap-2">
                     <div className="row row-cols-18 g-0 gap-1 w-100 h-100 overflow-auto">
-                        { groupColorsA && groupColorsA.map((item, index) =>
+                        { groupColors && groupColorsA && groupColorsA.map((item, index) =>
                             {
                                 return <div key={ index } className={ 'color-swatch cursor-pointer' + classNames({ ' active': groupColors[selectingColorIndex] === item.id }) } style={{ backgroundColor: '#' + item.color }} onClick={ () => selectColor(item.id) }></div>
                             }) }