From 151aa4ba0c1df2a84d09477892a51db4a65fccbc Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Fri, 5 Jan 2024 20:00:55 +0100 Subject: [PATCH] made selected group active after adding a member --- src/components/JobGroups/JobGroups.jsx | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/src/components/JobGroups/JobGroups.jsx b/src/components/JobGroups/JobGroups.jsx index 1fa6c91..4d80a2a 100644 --- a/src/components/JobGroups/JobGroups.jsx +++ b/src/components/JobGroups/JobGroups.jsx @@ -20,7 +20,7 @@ export default function JobGroups() { members: [] }) - const [selectedGroup, setSelectedGroup] = useState({id:'', data: []}) + const [selectedGroup, setSelectedGroup] = useState({id:'', name:'', data: []}) const changeSelectedGroup = (e) => { let groupID = e.target.value @@ -42,10 +42,15 @@ export default function JobGroups() { return } setGroupList({loading: false, groups: data.result_list, members: data.result_list_member}) - let activeGroupId = data.result_list[0].group_id - let activeGroup = data.result_list[0].group_name - let activeMembers = data.result_list_member?.filter(item => item.group_id == activeGroupId) - setSelectedGroup({id: activeGroupId, name:activeGroup, data:activeMembers}) + if(selectedGroup.id == ''){ + let activeGroupId = data.result_list[0].group_id + let activeGroup = data.result_list[0].group_name + let activeMembers = data.result_list_member?.filter(item => item.group_id == activeGroupId) + setSelectedGroup({id: activeGroupId, name:activeGroup, data:activeMembers}) + }else{ + let activeMembers = data.result_list_member?.filter(item => item.group_id == selectedGroup?.id) + setSelectedGroup({id: selectedGroup?.id, name:selectedGroup?.name, data:activeMembers}) + } }).catch(error => { setGroupList({loading: false, groups: [], members: []}) console.log(error)