-
Notifications
You must be signed in to change notification settings - Fork 6
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-fe: 지원자 평가 목록에서 개별 평가 삭제 기능 추가 #968
Conversation
1736425223.963819 |
1736425232.229579 |
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.
기능상 문제 없어보이네요! 코멘트 하나 달았습니다! 확인 한번 부탁드립니다! 🙇♂️
const { mutate: deleteEvaluation, isPending: isDeletePending } = evaluationMutations.useDeleteEvaluation({ | ||
processId, | ||
applicantId, | ||
}); | ||
|
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.
기능상으로 큰 문제는 아니지만, 제안 하나 드리고 싶어요!
해당 mutation은 card에서 각각 실행되고, isPending 역시 카드당 각각 표시되는 것이 조금 더 적절하다 생각합니다!
즉 EvaluationCard에 해당하는 각각의 mutate가 생성되는 것이 적절할 것으로 생각되는데요,
evaluationMutations.useDeleteEvaluation 호출을 EvaluationCard내부에서 해주는 것은 어떨까요?
혹은 이렇게 구현된 이유가 있으신지 궁금하네요!
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.
모든 EvaluationCard 컴포넌트에 processId, applicantId 필드를 prop으로 내려주는 것이 다소 번거롭다고 생각했어요. 다만 관심사의 분리 측면에서는, 말씀대로 개별 평가에 대한 mutation 동작과 그 동작의 pending 상태는 해당 평가에 대응하는 컴포넌트(EvaluationCard)에서 처리하는 것이 더 적절해 보이네요. 아래 커밋으로 수정 반영했습니다. :)
queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.EVALUATION, processId, applicantId] }); | ||
queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.DASHBOARD, dashboardId, applyFormId] }); |
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.
invalidate까지 꼼꼼합니다! 👍
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.
작업 감사합니다, 아르!
invalidation까지 꼼꼼하게 해주셔서 별다른 피드백 없이 approve 드립니다~!🙇♀️
@@ -0,0 +1,103 @@ | |||
import { useMutation, useQuery, 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.
컨벤션 관련 리팩토링 감사합니다..
Original issue description
목적
작업 세부사항
EVAL_DELETE_01
목적
작업 세부사항
PR 리뷰시 참고사항
dialog
로 구현된 지원자 정보 모달의 특성상, 현재는 모달이 toast 메시지를 가리는 상태입니다.div
기반으로 수정되기 전까지는 해당 코드를 주석 처리하기로 했습니다.useEvaluationQuery
,useEvaluationMutation
코드들을src/hooks/evaluation.ts
파일에 모두 병합시켰습니다.구현 화면
관련 이슈