Fix: #278 팀 관리 페이지 프로젝트 삭제 오류 수정 및 UI 개선 #281
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Walkthrough이 풀 리퀘스트는 팀 관리와 관련된 여러 컴포넌트 및 훅의 수정 사항을 포함합니다. Changes
Assessment against linked issues
Possibly related PRs
Suggested reviewers
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media? 🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (Invoked using PR comments)
Other keywords and placeholders
CodeRabbit Configuration File (
|
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 1
🧹 Outside diff range and nitpick comments (2)
src/hooks/query/useTeamQuery.ts (1)
83-84: 팀 삭제 후 데이터 동기화 로직이 개선되었습니다.팀 삭제 후
teamsQueryKey를 사용하여 전체 팀 목록을 갱신하도록 변경되었습니다.하지만 삭제 실패 시 오류 메시지에 오타가 있습니다:
- toastError('팀 삭제를 실패했습니다. 다시 시도해 주세요.'); + toastError('팀 삭제에 실패했습니다. 다시 시도해 주세요.');Also applies to: 91-93
src/mocks/services/teamServiceHandler.ts (1)
Line range hint
197-207: 성능 및 가독성 개선이 필요합니다.현재 구현은 올바르게 작동하지만, 다음과 같은 개선사항을 제안드립니다:
- 중첩된
find호출로 인한 성능 저하 가능성이 있습니다.- 복잡한 필터링 로직으로 인해 코드 가독성이 떨어집니다.
다음과 같이 개선해보시는 것은 어떨까요?:
- const filteredTaskFiles = TASK_FILE_DUMMY.filter((taskFile) => { - const task = TASK_DUMMY.find((task) => task.taskId === taskFile.taskId); - const statusId = task ? task.statusId : undefined; - const projectId = statusId ? STATUS_DUMMY.find((status) => status.statusId === statusId)?.projectId : undefined; - return !(projectId && projectIdsToDelete.includes(projectId)); - }); + // 관계 매핑을 위한 Map 생성 + const taskStatusMap = new Map(TASK_DUMMY.map(task => [task.taskId, task.statusId])); + const statusProjectMap = new Map(STATUS_DUMMY.map(status => [status.statusId, status.projectId])); + + const filteredTaskFiles = TASK_FILE_DUMMY.filter((taskFile) => { + const statusId = taskStatusMap.get(taskFile.taskId); + const projectId = statusId ? statusProjectMap.get(statusId) : undefined; + return !(projectId && projectIdsToDelete.includes(projectId)); + });동일한 패턴이
filteredTaskUsers에도 적용될 수 있습니다.
📜 Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
📒 Files selected for processing (6)
src/hooks/query/useTeamQuery.ts(2 hunks)src/layouts/page/SettingLayout.tsx(1 hunks)src/layouts/page/TeamSettingLayout.tsx(1 hunks)src/mocks/services/teamServiceHandler.ts(3 hunks)src/pages/setting/TeamInvitedPage.tsx(1 hunks)src/pages/setting/TeamJoinedPage.tsx(1 hunks)
✅ Files skipped from review due to trivial changes (2)
- src/layouts/page/SettingLayout.tsx
- src/layouts/page/TeamSettingLayout.tsx
🔇 Additional comments (7)
src/pages/setting/TeamJoinedPage.tsx (3)
18-18: 스크롤 가능한 레이아웃으로 개선되었습니다.
overflow-y-auto를 추가하여 콘텐츠가 넘칠 때 스크롤이 가능하도록 처리되었습니다.
20-22: 레이아웃 구조가 개선되었습니다.
각 섹션의 너비가 명확하게 지정되어 일관된 레이아웃을 제공합니다:
- 팀 이름:
w-64 - 팀장:
w-64 - 설명:
w-380
Also applies to: 26-26, 30-30
36-36: 버튼 컨테이너의 레이아웃이 개선되었습니다.
w-50 클래스를 추가하여 버튼 영역의 너비가 고정되었습니다.
src/pages/setting/TeamInvitedPage.tsx (2)
17-17: 접근성이 개선되었습니다.
aria-label 속성을 추가하여 스크린 리더 사용자의 경험이 향상되었습니다.
Also applies to: 24-25
28-39: 일관된 디자인 시스템이 적용되었습니다.
TeamJoinedPage와 동일한 레이아웃 구조를 사용하여 일관성이 향상되었습니다:
- 텍스트 색상이 명확하게 구분됨
- 섹션별 너비가 일관되게 적용됨
src/hooks/query/useTeamQuery.ts (1)
19-19: 타입 임포트가 최적화되었습니다.
필요한 타입만 선택적으로 임포트하도록 변경되었습니다.
src/mocks/services/teamServiceHandler.ts (1)
161-161: 인증 오류 상태 코드가 올바르게 수정되었습니다.
인증 토큰이 없는 경우의 상태 코드를 403에서 401로 변경한 것이 적절합니다. 이는 HTTP 표준을 더 잘 준수하며, 다른 엔드포인트들과의 일관성도 향상시켰습니다.
Yoonyesol
previously approved these changes
Dec 7, 2024
Seok93
reviewed
Dec 9, 2024
…ature/#278-team-manage-page-fix
3 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
PR Type
What kind of change does this PR introduce?
Related Issues
What does this PR do?
Other information
기존 팀 관리 페이지 UI 문제
수정된 UI
