Skip to content

feat: Travel 탭과 여행 리포트 구현#5

Merged
manNomi merged 6 commits into
SoundLogTeam:mainfrom
Designer-Su:codex/travel-tab-report-pr
Jun 7, 2026
Merged

feat: Travel 탭과 여행 리포트 구현#5
manNomi merged 6 commits into
SoundLogTeam:mainfrom
Designer-Su:codex/travel-tab-report-pr

Conversation

@Designer-Su

Copy link
Copy Markdown
Contributor

Summary

  • 하단 네비게이션에서 Travel 탭을 노출하고 기존 탭 레이아웃을 BottomNavigation 컴포넌트로 분리했습니다.
  • Travel 탭에서 여행 전, 여행 진행 중, 여행 종료 상태별 UI를 구현했습니다.
  • 여행 모드 선택 Bottom Sheet와 여행 종료 확인 Modal을 추가했습니다.
  • 최근 Moment 카드와 Travel Log 카드 UI를 추가했습니다.
  • Travel Log 카드를 누르면 Recap 상세로 이동하지 않고 Spotify Wrapped 스타일의 Travel Report 모달이 열리도록 구현했습니다.
  • Travel Report에 여행 위치, 총 음악 재생 시간, 총 재생 횟수, 재생한 음악 종류, 가장 많이 들은 노래, 많이 들은 순위, 중복 없이 들은 음악 목록, 공유 카드 요약을 포함했습니다.

Verification

  • git diff --check origin/main...HEAD
  • PR 브랜치 기준 Travel 관련 타입 오류 해결
  • npm run typecheck 전체 통과

Notes

  • npm run typecheck는 PR 브랜치에서 실행했으나, origin/main 기준 기존 파일인 src/components/recap-share/RecapCaptureFrame.tsxViewShotRef import 오류로 실패합니다. 이번 PR에서 추가한 Travel 관련 타입 오류는 해결했습니다.
  • 원래 작업공간에 있던 src/components/home/MusicLogCard.tsx, src/components/home/MusicLogSection.tsx, src/mocks/homeMocks.ts, docs/frontend/SOUNDLOG_DESIGN_SYSTEM 2.md 변경은 이 PR에 포함하지 않았습니다.

@vercel

vercel Bot commented Jun 6, 2026

Copy link
Copy Markdown

@Designer-Su is attempting to deploy a commit to the manNomi's projects Team on Vercel.

A member of the Team first needs to authorize it.

@manNomi manNomi merged commit 4847b0b into SoundLogTeam:main Jun 7, 2026
1 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants