Skip to content

[Feature/#225] 사이드바 새 워크스페이스 클릭 시 생성 모달 오픈 - #226

Merged
YermIm merged 2 commits into
developfrom
feature/#225
May 19, 2026
Merged

[Feature/#225] 사이드바 새 워크스페이스 클릭 시 생성 모달 오픈#226
YermIm merged 2 commits into
developfrom
feature/#225

Conversation

@YermIm

@YermIm YermIm commented May 18, 2026

Copy link
Copy Markdown
Collaborator

🚨 관련 이슈

close #225

✨ 변경사항

  • 🐞 BugFix Something isn't working
  • 💻 CrossBrowsing Browser compatibility
  • 🌏 Deploy Deploy
  • 🎨 Design Markup & styling
  • 📃 Docs Documentation writing and editing (README.md, etc.)
  • ✨ Feature Feature
  • 🔨 Refactor Code refactoring
  • ⚙️ Setting Development environment setup
  • ✅ Test Test related (storybook, jest, etc.)

✏️ 작업 내용

  • 사이드바 워크스페이스 새 워크스페이스 클릭 시 /workspace?create=1로 이동하도록 변경
  • Workspace 페이지에서 useSearchParamscreate=1 감지 후 기존 onOpenCreate() 호출 → 생성 모달 자동 오픈

😅 미완성 작업

N/A

📢 논의 사항 및 참고 사항

N/A

💬 리뷰어 가이드 (P-Rules)
P1: 필수 반영 (Critical) - 버그 가능성, 컨벤션 위반. 해결 전 머지 불가.
P2: 적극 권장 (Recommended) - 더 나은 대안 제시. 가급적 반영 권장.
P3: 제안 (Suggestion) - 아이디어 공유. 반영 여부는 드라이버 자율.
P4: 단순 확인/칭찬 (Nit) - 사소한 오타, 칭찬 등 피드백.

Summary by CodeRabbit

릴리스 노트

  • 새 기능
    • 워크스페이스 생성 버튼을 통해 쿼리 파라미터 기반 생성 모드로 직접 이동할 수 있습니다.
    • 특정 URL 쿼리 파라미터 감지 시 자동으로 워크스페이스 생성 모달이 열립니다.

Review Change Stack

@YermIm
YermIm requested review from Seojegyeong and jjjsun May 18, 2026 17:42
@YermIm YermIm self-assigned this May 18, 2026
@YermIm YermIm added the ✨ Feature 기능 개발 label May 18, 2026
@coderabbitai

coderabbitai Bot commented May 18, 2026

Copy link
Copy Markdown

Warning

Rate limit exceeded

@YermIm has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 44 minutes and 1 second before requesting another review.

You’ve run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 64b8e87c-0a55-4522-a097-073c3034efd0

📥 Commits

Reviewing files that changed from the base of the PR and between 46a4e94 and b14c255.

📒 Files selected for processing (2)
  • src/components/common/modal/Modal.tsx
  • src/pages/workspace/Workspace.tsx
📝 Walkthrough

개요

사이드바의 새 워크스페이스 버튼이 쿼리 파라미터(create=1)를 포함하여 워크스페이스 페이지로 이동하고, 해당 페이지가 파라미터를 감지하여 생성 모달을 자동으로 여는 기능이 구현되었습니다.

변경 사항

쿼리 파라미터 기반 모달 자동 오픈

Layer / File(s) 요약
사이드바 생성 버튼 네비게이션
src/components/sidebar/WorkspaceSwitcher.tsx
새 워크스페이스 버튼 클릭 시 네비게이션 경로가 /workspace에서 /workspace?create=1로 변경되어 생성 모드를 명시적으로 전달합니다.
워크스페이스 페이지의 모달 자동 오픈 메커니즘
src/pages/workspace/Workspace.tsx
useSearchParams 훅을 활용하여 URL 쿼리 파라미터에서 create=1을 감지하면 onOpenCreate()로 생성 모달을 열고, 즉시 setSearchParams({}, { replace: true })로 쿼리 파라미터를 제거하여 브라우저 히스토리를 깔끔하게 유지합니다.

시퀀스 다이어그램

sequenceDiagram
  participant User
  participant WorkspaceSwitcher
  participant Router
  participant WorkspacePage
  participant Modal
  
  User->>WorkspaceSwitcher: 새 워크스페이스 클릭
  WorkspaceSwitcher->>Router: /workspace?create=1으로 이동
  Router->>WorkspacePage: 라우트 로드
  WorkspacePage->>WorkspacePage: useSearchParams로 쿼리 파라미터 확인
  WorkspacePage->>WorkspacePage: create=1 감지
  WorkspacePage->>Modal: onOpenCreate() 호출
  Modal->>Modal: 생성 모달 열기
  WorkspacePage->>Router: setSearchParams({}, {replace: true})로 파라미터 제거
Loading

코드 리뷰 난이도

🎯 2 (Simple) | ⏱️ ~10 분

관련 PR

  • WhereYouAd/WhereYouAd-Frontend#150: 같은 WorkspaceSwitcher.tsx 컴포넌트를 다루며, 본 PR은 새 워크스페이스 생성 버튼의 네비게이션 대상을 조정하는 직접적인 후속 작업입니다.

제안 검토자

  • Seojegyeong
  • jjjsun
🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed PR 제목이 변경 사항의 핵심을 명확하게 요약하고 있습니다. 사이드바에서 새 워크스페이스 클릭 시 생성 모달이 열린다는 주요 변경 사항을 정확히 전달합니다.
Description check ✅ Passed PR 설명이 템플릿 구조를 따르고 있으며, 관련 이슈, 변경사항 유형, 작업 내용을 모두 명확하게 기재했습니다. 필수 섹션들이 완성되어 있습니다.
Linked Issues check ✅ Passed PR의 코드 변경사항이 이슈 #225의 요구사항을 모두 충족합니다. 사이드바 네비게이션을 쿼리 파라미터로 변경하고, 워크스페이스 페이지에서 파라미터를 감지하여 생성 모달을 자동으로 열도록 구현되어 있습니다.
Out of Scope Changes check ✅ Passed 모든 변경사항이 이슈 #225의 요구사항과 직접적으로 관련되어 있습니다. 추가적인 범위 이탈 변경사항이나 불필요한 수정은 없습니다.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feature/#225

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.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions

github-actions Bot commented May 18, 2026

Copy link
Copy Markdown

📚 Storybook 배포 완료

항목 링크
📖 Storybook https://69a147b60a56365d9e2185ef-udvgmeqnnd.chromatic.com/
🔍 Chromatic https://www.chromatic.com/build?appId=69a147b60a56365d9e2185ef&number=295

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/pages/workspace/Workspace.tsx`:
- Around line 108-113: The useEffect calls onOpenCreate but doesn't include it
in the dependency array; wrap the onOpenCreate handler in useCallback (so its
identity is stable) and then add onOpenCreate to the useEffect dependency array
alongside searchParams and setSearchParams; update the function where
onOpenCreate is defined to use React.useCallback and then modify the useEffect
signature to: useEffect(..., [searchParams, setSearchParams, onOpenCreate]).
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 1170f884-9963-49c8-93ec-e6e8a4291059

📥 Commits

Reviewing files that changed from the base of the PR and between b18ed87 and 46a4e94.

📒 Files selected for processing (2)
  • src/components/sidebar/WorkspaceSwitcher.tsx
  • src/pages/workspace/Workspace.tsx

Comment thread src/pages/workspace/Workspace.tsx Outdated

@Seojegyeong Seojegyeong left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

P4: 확인했습니다!

@YermIm
YermIm merged commit faa70d3 into develop May 19, 2026
3 checks passed
@YermIm
YermIm deleted the feature/#225 branch May 19, 2026 08:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

✨ Feature 기능 개발

Projects

None yet

Development

Successfully merging this pull request may close these issues.

✨ [Feature] 사이드바 '새 워크스페이스' 클릭 시 생성 모달 오픈

2 participants