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-fe: 지원자 평가 목록에서 개별 평가 삭제 기능 추가 #968

Merged
merged 23 commits into from
Jan 14, 2025

Conversation

github-actions[bot]
Copy link
Contributor

@github-actions github-actions bot commented Dec 19, 2024

Original issue description

목적

  • 개별 지원자의 상세 정보 모달에서 개별 평가에 대한 삭제 기능을 추가합니다.

작업 세부사항

  • 개별 평가에 대한 삭제 버튼 및 기능 구현

아래의 별표줄 밑에 요구사항 ID만 작성해주세요. Prefix 금지!


EVAL_DELETE_01

목적

  • 개별 지원자의 상세 정보 모달에서 개별 평가에 대한 삭제 기능을 추가합니다.

작업 세부사항

  • 평가 삭제 API 연결
  • 개별 평가 항목에 대한 삭제 버튼 디자인 및 구현
  • 평가 등록 시 안내 메시지 수정
  • 평가 조회/등록/삭제 관련 query 및 mutation 코드 구조 개선

PR 리뷰시 참고사항

  • 지원자 평가 등록/삭제 시 toast 메시지 출력 코드를 구현했으나, 임시로 주석 처리하여 두었습니다.
    • dialog로 구현된 지원자 정보 모달의 특성상, 현재는 모달이 toast 메시지를 가리는 상태입니다.
    • 따라서 추후 모달이 div 기반으로 수정되기 전까지는 해당 코드를 주석 처리하기로 했습니다.
  • useEvaluationQuery, useEvaluationMutation 코드들을 src/hooks/evaluation.ts 파일에 모두 병합시켰습니다.

구현 화면

image

관련 이슈

@github-actions github-actions bot added feature 새로운 기능 frontend 프론트엔드 labels Dec 19, 2024
@seongjinme seongjinme marked this pull request as ready for review January 9, 2025 12:20
Copy link
Contributor Author

github-actions bot commented Jan 9, 2025

1736425223.963819

Copy link
Contributor Author

github-actions bot commented Jan 9, 2025

1736425232.229579

@seongjinme seongjinme requested review from llqqssttyy and lurgi January 9, 2025 12:20
@seongjinme seongjinme added this to the 스프린트 7.0 milestone Jan 9, 2025
Copy link
Contributor

@lurgi lurgi left a comment

Choose a reason for hiding this comment

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

기능상 문제 없어보이네요! 코멘트 하나 달았습니다! 확인 한번 부탁드립니다! 🙇‍♂️

Comment on lines 21 to 25
const { mutate: deleteEvaluation, isPending: isDeletePending } = evaluationMutations.useDeleteEvaluation({
processId,
applicantId,
});

Copy link
Contributor

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내부에서 해주는 것은 어떨까요?
혹은 이렇게 구현된 이유가 있으신지 궁금하네요!

Copy link
Contributor

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)에서 처리하는 것이 더 적절해 보이네요. 아래 커밋으로 수정 반영했습니다. :)

Comment on lines +38 to +39
queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.EVALUATION, processId, applicantId] });
queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.DASHBOARD, dashboardId, applyFormId] });
Copy link
Contributor

Choose a reason for hiding this comment

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

invalidate까지 꼼꼼합니다! 👍

Copy link
Contributor

@lurgi lurgi left a comment

Choose a reason for hiding this comment

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

변경사항 확인했습니다!👍 의견 반영 감사드려용!

Copy link
Contributor

@llqqssttyy llqqssttyy left a 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';
Copy link
Contributor

Choose a reason for hiding this comment

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

컨벤션 관련 리팩토링 감사합니다..☺️

@seongjinme seongjinme merged commit 5bf229b into fe/develop Jan 14, 2025
29 of 31 checks passed
@seongjinme seongjinme deleted the 967-fe-EVAL_DELETE_01 branch January 14, 2025 08:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature 새로운 기능 frontend 프론트엔드
Projects
Status: 완료
Development

Successfully merging this pull request may close these issues.

3 participants