1082 group is not updated after delete user (#1111)

* after pre commit

* does not work

* just need dependecy on groupAbout

* pre comit

* group owner was missing

* fixing these to match main, except necessary change.

useEffect hook needed to depend on admin mode and groupAbout, so it will change the group members when groupAbout changes.

* fix delete group member

---------

Co-authored-by: Chen Wang <[email protected]>

Author: tcnichol

frontend/src/components/groups/Group.tsx

@@ -30,6 +30,9 @@ export function Group() {
 		dispatch(fetchGroupRole(groupId));
 
 	const groupAbout = useSelector((state: RootState) => state.group.about);
+	const deletedGroupMember = useSelector(
+		(state: RootState) => state.group.deletedGroupMember
+	);
 	const role = useSelector((state: RootState) => state.group.role);
 	const groupCreatorEmail = useSelector(
 		(state: RootState) => state.group.about.creator
@@ -40,16 +43,10 @@ export function Group() {
 	const [addMemberModalOpen, setAddMemberModalOpen] = useState(false);
 	const [deleteGroupConfirmOpen, setDeleteGroupConfirmOpen] = useState(false);
 
-	// component did mount
-	useEffect(() => {
-		fetchGroupInfo(groupId);
-		fetchCurrentGroupRole(groupId);
-	}, []);
-
 	useEffect(() => {
 		fetchGroupInfo(groupId);
 		fetchCurrentGroupRole(groupId);
-	}, [adminMode]);
+	}, [adminMode, deletedGroupMember]);
 
 	// Error msg dialog
 	const [errorOpen, setErrorOpen] = useState(false);

frontend/src/reducers/group.ts

@@ -53,7 +53,7 @@ const group = (state = defaultState, action: DataAction) => {
 		case RECEIVE_GROUP_ROLE:
 			return Object.assign({}, state, { role: action.role });
 		case DELETE_GROUP_MEMBER:
-			return Object.assign({}, state, { deletedGroup: action.about });
+			return Object.assign({}, state, { deletedGroupMember: action.about });
 		case UPDATE_GROUP:
 			return Object.assign({}, state, { about: action.about });
 		case ADD_GROUP_MEMBER: