Conversation
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Summary of ChangesHello, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed! 이 PR은 사용자가 마이페이지에서 참여 중인 모임을 탈퇴할 수 있도록 기능을 추가합니다. UI 컴포넌트에 탈퇴 버튼과 확인 모달을 구현하고, 이를 지원하기 위한 새로운 API 엔드포인트와 서비스 로직, 그리고 React Query 뮤테이션 훅을 포함합니다. Highlights
🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console. Changelog
Using Gemini Code AssistThe full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips. Invoking Gemini You can request assistance from Gemini at any point by creating a comment using either
Customization To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a Limitations & Feedback Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here. You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension. Footnotes
|
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
There was a problem hiding this comment.
Code Review
이 PR은 마이페이지에서 사용자가 모임에서 탈퇴할 수 있는 기능을 추가합니다. 전반적으로 기능 구현은 잘 이루어졌습니다. 몇 가지 코드 개선점을 제안합니다. MyMeetingCard 컴포넌트에서 외부 클릭 감지 로직을 커스텀 훅으로 분리하여 재사용성을 높이는 것을 고려해볼 수 있습니다. 또한, ConfirmModal 사용 시 중복되는 상태 업데이트 로직을 정리하고, useLeaveClubMutation 훅에서 에러 타입을 명확히 하여 타입 안정성을 높이는 것을 제안합니다.
| useEffect(() => { | ||
| const handleClickOutside = (e: MouseEvent) => { | ||
| if (menuRef.current && !menuRef.current.contains(e.target as Node)) { | ||
| setMenuOpen(false); | ||
| } | ||
| }; | ||
| document.addEventListener("mousedown", handleClickOutside); | ||
| return () => document.removeEventListener("mousedown", handleClickOutside); | ||
| }, []); |
There was a problem hiding this comment.
이 useEffect 로직은 메뉴나 드롭다운 외부 클릭을 감지하는 데 매우 유용하게 사용됩니다. 이 로직을 useOnClickOutside와 같은 커스텀 훅으로 분리하면 다른 컴포넌트에서도 재사용할 수 있고, MyMeetingCard 컴포넌트의 코드를 더 간결하게 만들 수 있습니다. 이는 코드의 유지보수성을 높이는 좋은 방법입니다.
| const handleConfirmLeave = () => { | ||
| leaveClub(club.clubId); | ||
| setIsConfirmModalOpen(false); | ||
| }; |
There was a problem hiding this comment.
ConfirmModal 컴포넌트는 확인 동작(onConfirm)이 실행된 후 자동으로 취소 동작(onCancel)을 호출하여 스스로 닫히도록 설계되어 있습니다. 따라서 handleConfirmLeave 함수 내에서 setIsConfirmModalOpen(false)를 호출하는 것은 중복이며, 제거해야 합니다. ConfirmModal이 모달을 닫는 책임을 갖도록 하는 것이 좋습니다.
const handleConfirmLeave = () => {
leaveClub(club.clubId);
};
1 participant
📌 개요 (Summary)
🛠️ 변경 사항 (Changes)
📸 스크린샷 (Screenshots)
(UI 변경 사항이 있다면 첨부해주세요)
✅ 체크리스트 (Checklist)
pnpm build)pnpm lint)