-
Notifications
You must be signed in to change notification settings - Fork 2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Feat] 워크스페이스 삭제 api 연결 및 모달 구현 #378
[Feat] 워크스페이스 삭제 api 연결 및 모달 구현 #378
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM~~!! 모달을 이렇게 뚝딱뚝딱 하다니 신기하네용
|
||
import { useEffect, useState } from 'react'; | ||
import { useNavigate } from 'react-router-dom'; | ||
|
||
import { useQueryClient } from '@tanstack/react-query'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
저도 이걸로 합숙때 이틀을 날려먹었던 기억이 나네요.. 하하
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
헉 그랬구나 ...
}, | ||
}); | ||
}; | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
제가 따로 브렌치 파서 하고 있었는데 가로채가기!!
apps/client/src/shared/component/WorkSpaceModal/category/WorkSpaceCategory.tsx
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
수고하셨습니다!! 일당백 당님 👍
onSuccess: () => { | ||
queryClient.invalidateQueries({ | ||
queryKey: ['get', '/api/v1/members/teams'], | ||
}); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
요렇게 리패치해줄수도 있군용 하나 알아갑니다!
해당 이슈 번호
closed #376
체크리스트
📌 내가 알게 된 부분
요건 그냥 다들 기억했으면 해서 ..!
openAPI Typescript의 QueryKey는 tanstack query tools에서도 볼 수 있지만 아래 코드와 같이 method와 path를 같이 적어줘야 합니다 ! 순서도 동일하게 !!
💎 PR Point
워크스페이스 삭제하면서 대시보드로 이동해야하는데, 로컬스토리지의 팀 아이디가 삭제되면서 라우팅 됐을 때 로컬스토리지의 팀 아이디가 제대로 세팅되지 않아서 에러페이지가 뜨는 이슈가 있었습니다.
그리고 자꾸 invalidQueries가 동작하지 않아서 뭐지 했는데 제가 queryClient를 shared로 따로 뺴놓은 걸 사용하고 있어서 발생한 문제였어요..
저랑 같은 이슈를 겪을 사람이 있을까봐 해당 파일 지웠습니다. (쓰이는 곳도 없더라고요 !)
지금은 delete mutation이 성공했을 때 invalidQueries를 통해 SNB의 소속된 팀 정보를 불러오는 쿼리를 refetch해주고 있슴다
📌스크린샷 (선택)
2025-01-08.11.38.22.mov