Fix: 그룹 멤버 캐싱 삭제

kakao-tech-campus-2nd-step3 · Nov 13, 2024 · f7392de · f7392de
1 parent 9a3d8b9
commit f7392de
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/pages/GroupMembersPage/ExpelBtn/index.tsx b/src/pages/GroupMembersPage/ExpelBtn/index.tsx
@@ -29,6 +29,8 @@ export default function ExpelBtn({
     mutationFn: () => expelMember({ groupId, userId }),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['expelMember'] })
+      queryClient.invalidateQueries({ queryKey: ['group', 'member', groupId] })
+      queryClient.invalidateQueries({ queryKey: ['membersManage', groupId] })
       window.location.reload()
     },
     onError: () => {

diff --git a/src/pages/GroupPage/ExitGroupButton/index.tsx b/src/pages/GroupPage/ExitGroupButton/index.tsx
@@ -12,6 +12,7 @@ import {
   ConfirmModalButton,
 } from '@/components/Modal/ConfirmModal'
 import { useMembersLengthStore } from '@/stores/members-length'
+import { useSelectedGroupStore } from '@/stores/selected-group'
 import { GroupRole } from '@/types'
 
 interface ExitGroupButtonProps {
@@ -28,11 +29,15 @@ export const ExitGroupButton = ({
   const warningAlert = useDisclosure()
   const errorAlert = useDisclosure()
   const navigate = useNavigate()
+  const setSelectedGroup = useSelectedGroupStore(
+    (state) => state.setSelectedGroup
+  )
 
   const { mutate: exitGroup } = useMutation({
     mutationFn: () => exitGroupMember(groupId),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['groups'] })
+      setSelectedGroup(undefined)
       navigate('/')
     },
   })