Skip to content
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 연결 #374

Open
wants to merge 4 commits into
base: develop
Choose a base branch
from

Conversation

Bowoon1216
Copy link
Contributor

@Bowoon1216 Bowoon1216 commented Jan 5, 2025

해당 이슈 번호

closed #360


체크리스트

  • 🔀 PR 제목의 형식을 잘 작성했나요? e.g. [feat] PR을 등록한다.
  • 💯 테스트는 잘 통과했나요?
  • 🏗️ 빌드는 성공했나요?
  • 🧹 불필요한 코드는 제거했나요?
  • ✅ 컨벤션을 지켰나요?
  • 💭 이슈는 등록했나요?
  • 🏷️ 라벨은 등록했나요?
  • 💻 git rebase를 사용했나요?
  • 🙇‍♂️ 리뷰어를 지정했나요?

📌 내가 알게 된 부분

  • 많은 일들이 있었습니다..
  • 원래 useQuery를 사용해서 했는데 enabled 속성으로 요청을 막아도 계~속 요청이 가서 오류를 뿜어냈습니다..
  • 그래서 $api의 useMutation을 사용하게 되었습니다..

💎 PR Point

  • api 연결에서 에러처리를 어떻게 할지 고민하다가 일단 console로 처리했는데 좋은 방안 알려주시면 감사하겠습니다!! 😘

📌스크린샷

2025-01-04.195016.mp4

동영상에서 10은 복구하고 나머지는 삭제했는데 마지막에 파일에 10이 복구되고 나머진 삭제된 걸 볼 수 있습니다.

Copy link

github-actions bot commented Jan 5, 2025

🚀 Storybook 확인하기 🚀

Copy link
Member

@namdaeun namdaeun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

api 연결 고생하셨슴니다 ㅎㅎㅎ👍🏻

어떤 부분에서 useQuery -> useMutation으로 변경하신건지 궁금하네용 !!

refetch();
},
onError: (error) => {
console.error('삭제 실패:', error);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

저희 기존에 만들어놓은 toast 사용해서 삭제 실패시와 완료시 문구 띄워주는 것도 좋을 것 같넹요!!

Comment on lines +60 to +67
const restoreMutation = $api.useMutation('post', '/api/v1/teams/{teamId}/trash', {
onSuccess: () => {
refetch();
},
onError: (error) => {
console.error('복원 실패:', error);
},
});
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

$api를 사용한 mutation 코드들을 앞에서 쫙 선언해주고 핸들러들을 그 다음에 선언해주는 건 어떠신가요 ?

저의 코드스타일이기도 하지만 mutation, query 상수들을 묶어서 선언해주는 게 더 깔끔해보일 것 같다는 생각입니다..!

Copy link
Contributor

@rtttr1 rtttr1 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!!!!


const restoreMutation = $api.useMutation('post', '/api/v1/teams/{teamId}/trash', {
onSuccess: () => {
refetch();
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오호 삭제하면 reftch 해주기! 저도 이렇게 구현해야겠네요ㅎ

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

휴지통 영구 삭제 api 연결
3 participants