feat: 바텀시트 핀 생성자 표시, 곡 상세 보기 버튼 추가 - #323
Conversation
mapPinToPlaceInfo가 creatorName을 채우지 않아 지도에서 핀을 직접 클릭했을 때 항상 "생성되지 않음"으로 표시되던 문제를 수정합니다.
핀/장소 바텀시트의 open을 isUiActive에 묶어두면, 상세 페이지로 covered됐다가 돌아올 때마다 시트가 언마운트되지 않은 채 열림→닫힘→ 열림이 재생되면서 지도 터치가 막히는 문제가 있었습니다. covered 상태의 시각적/조작 차단은 위에 덮이는 페이지의 z-index가 이미 맡고 있으므로, 시트는 선택된 대상이 있는 동안 계속 열어 둡니다.
MY 태그가 활성화된 핀(본인이 곡을 등록한 장소)의 바텀시트에 "OO님이 등록한 곡 상세 보기" 버튼을 추가합니다. 클릭 시 본인이 등록한 곡의 상세 페이지로 이동하고, 뒤로가기 시 같은 바텀시트로 복귀할 수 있도록 지도 선택 상태를 지우지 않습니다. pinByMe가 백엔드에서 채워져야 실제로 노출됩니다.
|
Warning Review limit reached
Next review available in: 25 minutes You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository. How can I continue?After more reviews become available, a review can be triggered using the To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews. How do review limits work?CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability. For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window. Please refer docs for additional details. Review details⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (3)
📝 WalkthroughWalkthrough본인 핀을 식별해 곡 상세 CTA를 표시합니다. CTA 클릭 시 Changes본인 핀 상세 이동
Estimated code review effort: 3 (Moderate) | ~20 minutes Possibly related PRs
Suggested reviewers: Sequence Diagram(s)sequenceDiagram
participant User
participant PinListSheet
participant MapPage
participant PinDetail
User->>PinListSheet: 본인 곡 상세 CTA 클릭
PinListSheet->>MapPage: onMyPinClick(pin)
MapPage->>MapPage: 선택 핀과 위치 상태 유지
MapPage->>PinDetail: 핀 상세 경로로 이동
🚥 Pre-merge checks | ✅ 4✅ Passed checks (4 passed)
✨ Finishing Touches📝 Generate docstrings
🧪 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 |
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 2
🤖 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/features/pin/components/PinListSheet.tsx`:
- Around line 300-302: Update the CTA text in the PinListSheet render block to
avoid interpolating an undefined myProfile?.nickname while the profile is
loading. Render the nickname-based message when available, otherwise display the
fallback “내가 등록한 곡 상세 보기” without an undefined prefix.
In `@src/pages/MapPage.tsx`:
- Line 532: Update the BottomSheet open conditions in MapPage so both
selectedMapPlace and selectedMapPin require isUiActive as well as a non-null
selection. Preserve the selection state independently so the sheet can be
restored after navigating back.
🪄 Autofix
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 Plus
Run ID: a9d48af9-ddb0-49b6-8c0d-4e316ad1984c
📒 Files selected for processing (2)
src/features/pin/components/PinListSheet.tsxsrc/pages/MapPage.tsx
open을 selectedMapPlace/selectedMapPin 존재 여부로만 판단하면 지도 핀 클릭 시 바텀시트가 기본 스냅이 아니라 축소된 채로 뜨는 부작용이 있었습니다. MapPage.tsx의 open은 isPlaceSheetOpen/isUiActive 기준으로 되돌리고, covered↔visible 반복 시 vaul에 닫힘→열림이 재생되며 지도 터치가 막히는 문제는 BottomSheet 내부의 별도 sticky 상태로 처리합니다.
myProfile 조회가 아직 끝나지 않았을 때 닉네임 자리가 비어 보이는 문제를 코드래빗 리뷰로 확인해, 로딩 중엔 '나'를 대신 보여줍니다.
This branch was successfully deployed
1 participant
변경 내용
관련 이슈
Closes #311
변경 사항
테스트
스크린샷 (UI 변경시)
체크리스트
pnpm format)pnpm lint:fix)코드 품질 확인
PR 제출 전에 다음 명령어를 실행하여 코드 품질을 확인해주세요:
Summary by CodeRabbit
새로운 기능
개선 사항