[#35] Feat/35/내워크스페이스페이지

[LMS10]

❓이슈

• close Feat : 내 워크스페이스 페이지 작업 #35

📝 Description

/workspace 내 워크스페이스 페이지를 구현하고 관련 API를 연결합니다.

내 워크스페이스 목록

• useGetMyWorkspaces 훅으로 목록을 조회하고 WorkspaceCard로 렌더링
• 목록 첫 번째에 "새로운 워크스페이스" 버튼 카드를 배치하고 클릭 시 createWorkspace 모달 오픈
• useCreateWorkspace 뮤테이션으로 생성 요청, 성공 시 토스트 + /workspace/{id} 이동
• 사이드바 헤더의 addBox 버튼에도 동일한 모달 오픈 동작 추가
• 데이터 로딩 중 스켈레톤 UI 표시 (!wsData 조건으로 판단해 placeholderData 활용 시 CLS 방지)

초대받은 워크스페이스 목록

• useGetInvitations 훅으로 초대 목록 조회
• 초대자 이름은 useGetAdminName(workspaceId) 훅으로 항목별 개별 조회 (AdminName 컴포넌트 분리)
• 수락/거절 버튼 클릭 시 confirm 모달을 먼저 띄우고, 확인 후 API 호출
  • 수락: useAcceptInvitation → 성공 시 workspaces.my + workspaces.invitations 쿼리 무효화
  • 거절: useRejectInvitation → 성공 시 workspaces.invitations 쿼리 무효화
• 수락/거절 성공/실패 모두 토스트로 피드백

레이아웃

• 이름/초대자/수락여부 헤더는 shrink-0으로 고정, 목록 영역만 overflow-y-auto로 스크롤
• 스크롤바는 scrollbar-hide 유틸리티 클래스로 숨김 처리 (globals.css에 추가)

기타

• ColorChips 컴포넌트에 selected, onSelect props 추가 및 색상값 대문자 통일(GREEN 등)
• 모달 열릴 때 기본 선택 색상 GREEN으로 설정

🌀 PR Type

어떤 변경 사항이 있나요?

• 새로운 기능 추가
• 버그 수정
• CSS 등 사용자 UI 디자인 변경
• 코드에 영향을 주지 않는 변경사항 (오타 수정, 탭 사이즈 변경, 변수명 변경)
• 코드 리팩토링
• 주석 추가 및 수정
• 문서 수정
• 테스트 추가, 테스트 리팩토링
• 빌드 부분 혹은 패키지 매니저 수정
• 파일 혹은 폴더명 수정
• 파일 혹은 폴더 삭제

✅ Checklist

PR Checklist

PR이 다음 요구 사항을 충족하는지 확인하세요.

• Branch Convention 확인

  feat/ 기능 구현, fix/ 버그 수정, refactor/ 개선

• Base Branch 확인
• 커밋 메시지 컨벤션 준수
• 적절한 Label 지정
• Assignee 및 Reviewer 지정

Test Checklist

• 로컬 작동 확인

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
remate	Ready	Preview, Comment	May 10, 2026 9:59am

[minzx23]

엄청나네요 완전 잘됩니다 고생하셨습니다~!