Skip to content

Conversation

@HarrySeop
Copy link
Member

@HarrySeop HarrySeop commented Aug 5, 2025

🧩 관련 이슈 번호

📌 작업 내용

  • 토스트 메세지 대략적인 어투 통일
  • 푸터 글자 색 수정
  • 불필요한 폴더/파일 삭제

✅ 체크리스트

  • PR 하기 전에 이슈에서 빼먹은건 없는지 확인했습니다
    • 라벨 및 마일스톤을 사이드 탭에서 등록했습니다.
  • PR을 보내는 브랜치가 올바른지 확인했습니다.
  • 팀원들이 리뷰하기 쉽도록 설명을 자세하게 작성했습니다.
  • 변경사항을 충분히 테스트 했습니다.
  • (함수를 구현 했을 때) JSDoc을 양식에 맞춰서 작성했습니다.
  • 컨벤션에 맞게 구현했습니다.

Summary by CodeRabbit

  • Bug Fixes

    • 알림 삭제, 체험 상세 불러오기, 예약 내역 조회 등에서 오류 토스트 메시지의 제목과 설명이 더 명확하게 변경되었습니다.
  • Style

    • 푸터 내 GitHub 프로필 링크 문단의 텍스트 스타일이 조정되었습니다.
  • Chores

    • 활동 리뷰 및 알림 관련 목(mock) 데이터 파일이 삭제되었습니다.

@HarrySeop HarrySeop added this to the 프로젝트 마감 milestone Aug 5, 2025
@HarrySeop HarrySeop self-assigned this Aug 5, 2025
@HarrySeop HarrySeop added ♻️ Refactor 코드 리팩토링 🎨 Design 마크업 및 스타일링 labels Aug 5, 2025
@coderabbitai
Copy link

coderabbitai bot commented Aug 5, 2025

📝 Walkthrough

Walkthrough

이번 변경에서는 일부 목(mock) 데이터 파일이 삭제되었고, 여러 컴포넌트 및 페이지에서 에러 토스트 메시지의 문구가 보다 구체적으로 수정되었습니다. 또한 Footer 컴포넌트의 스타일 클래스가 일부 제거되었습니다. 전체적으로 로직 변경 없이 메시지 및 스타일 개선이 이루어졌습니다.

Changes

Cohort / File(s) Change Summary
Mock 데이터 파일 삭제
apps/what-today/src/components/activities/mockReviews.ts, apps/what-today/src/components/notification/mock-notifications-pages.json
활동 리뷰 및 알림 관련 목(mock) 데이터 파일 2개가 삭제되었습니다.
에러 토스트 메시지 개선
apps/what-today/src/components/notification/NotificationPopover.tsx, apps/what-today/src/pages/experiences/index.tsx, apps/what-today/src/pages/mypage/reservations-list/index.tsx
알림 삭제, 체험 상세 불러오기, 예약 내역 조회 시 에러 토스트 메시지의 제목 및 설명이 보다 구체적이고 상황에 맞게 변경되었습니다.
Footer 스타일 수정
packages/design-system/src/components/Footer.tsx
Footer 내 GitHub 프로필 링크가 있는 문단의 CSS 클래스에서 text-sm, text-gray-500이 제거되어 스타일이 변경되었습니다.

Sequence Diagram(s)

(해당 변경들은 주로 메시지 및 스타일 개선, 목 데이터 삭제로, 별도의 시퀀스 다이어그램 생성이 필요하지 않습니다.)

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Suggested reviewers

  • MyungJiwoo
  • Taeil08

Poem

🐰
목 데이터 안녕, 테스트 끝났네
에러 메시지도 새 옷을 입었지
Footer는 깔끔하게 변신했어
작은 변화지만, 코드는 한결 더 산뜻!
오늘도 코딩에 춤추는 토끼,
기분 좋은 리뷰가 되길 바라!
🌸


📜 Recent review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 64a8def and f0bc5d8.

📒 Files selected for processing (6)
  • apps/what-today/src/components/activities/mockReviews.ts (0 hunks)
  • apps/what-today/src/components/notification/NotificationPopover.tsx (1 hunks)
  • apps/what-today/src/components/notification/mock-notifications-pages.json (0 hunks)
  • apps/what-today/src/pages/experiences/index.tsx (1 hunks)
  • apps/what-today/src/pages/mypage/reservations-list/index.tsx (1 hunks)
  • packages/design-system/src/components/Footer.tsx (1 hunks)
💤 Files with no reviewable changes (2)
  • apps/what-today/src/components/activities/mockReviews.ts
  • apps/what-today/src/components/notification/mock-notifications-pages.json
🧰 Additional context used
🧠 Learnings (11)
📓 Common learnings
Learnt from: kjhyun0830
PR: What-Today-FE/What-Today#77
File: apps/what-today/src/pages/mypage/manage-activities/index.tsx:50-63
Timestamp: 2025-07-19T01:23:56.149Z
Learning: User kjhyun0830 follows an incremental development approach in What-Today project, implementing UI first and adding functionality in later iterations, as confirmed in PR #77 for the experience management page.
Learnt from: kjhyun0830
PR: What-Today-FE/What-Today#169
File: apps/what-today/src/hooks/useMyActivitiesQuery.ts:23-25
Timestamp: 2025-07-29T14:50:14.117Z
Learning: kjhyun0830은 What-Today 프로젝트에서 토스터 알림과 같은 UI 일관성이 필요한 기능들을 여러 페이지에 걸쳐 한 번에 수정하는 접근 방식을 선호한다.
Learnt from: HarrySeop
PR: What-Today-FE/What-Today#129
File: apps/what-today/src/pages/mypage/reservations-list/index.tsx:13-25
Timestamp: 2025-07-24T19:36:15.516Z
Learning: HarrySeop은 What-Today 프로젝트에서 API 에러 처리를 토스터(toast notification)로 처리하는 방식을 선호하며, 핸들러 함수 구현 시점에 함께 연결하는 접근 방식을 취함.
📚 Learning: kjhyun0830 프로젝트에서 @what-today/design-system 패키지의 reservationstatus 타입이 calendar/index.ts에서 re-export...
Learnt from: kjhyun0830
PR: What-Today-FE/What-Today#91
File: apps/what-today/src/pages/mypage/reservations-status/index.tsx:2-2
Timestamp: 2025-07-22T03:59:52.657Z
Learning: kjhyun0830 프로젝트에서 @what-today/design-system 패키지의 ReservationStatus 타입이 calendar/index.ts에서 re-export되지 않아 메인 엔트리 포인트에서 접근할 수 없는 문제가 있음. DayCell.tsx에서 정의된 타입들을 calendar 모듈에서 명시적으로 export해야 함.

Applied to files:

  • apps/what-today/src/components/notification/NotificationPopover.tsx
  • apps/what-today/src/pages/mypage/reservations-list/index.tsx
  • apps/what-today/src/pages/experiences/index.tsx
📚 Learning: the mainpage component in apps/what-today/src/pages/main/index.tsx contains placeholder/example code...
Learnt from: MyungJiwoo
PR: What-Today-FE/What-Today#43
File: apps/what-today/src/pages/main/index.tsx:7-7
Timestamp: 2025-07-14T13:36:17.941Z
Learning: The MainPage component in apps/what-today/src/pages/main/index.tsx contains placeholder/example code that will be modified later, including the fixed height class 'h-1400' which the user indicated is temporary.

Applied to files:

  • packages/design-system/src/components/Footer.tsx
  • apps/what-today/src/pages/mypage/reservations-list/index.tsx
  • apps/what-today/src/pages/experiences/index.tsx
📚 Learning: packages/design-system/src/components/datepicker.tsx에서 taeil08은 sr-only 클래스를 가진 div 요소가 달력 트리거 버튼의 세...
Learnt from: Taeil08
PR: What-Today-FE/What-Today#125
File: packages/design-system/src/components/DatePicker.tsx:25-28
Timestamp: 2025-07-24T13:33:33.202Z
Learning: packages/design-system/src/components/DatePicker.tsx에서 Taeil08은 sr-only 클래스를 가진 div 요소가 달력 트리거 버튼의 세로 정렬에 필요하다고 설명했음. 이 요소를 제거하면 버튼 정렬이 깨지는 레이아웃 의존성이 있음.

Applied to files:

  • packages/design-system/src/components/Footer.tsx
📚 Learning: in packages/design-system/src/components/button/index.tsx, harryseop uses handleclick wrapper for se...
Learnt from: HarrySeop
PR: What-Today-FE/What-Today#53
File: packages/design-system/src/components/button/index.tsx:32-41
Timestamp: 2025-07-16T06:51:15.152Z
Learning: In packages/design-system/src/components/button/index.tsx, HarrySeop uses handleClick wrapper for security purposes to prevent execution when users remove disabled attributes via developer tools. The onClick handler should be extracted from rest props before spreading to avoid being overwritten.

Applied to files:

  • packages/design-system/src/components/Footer.tsx
📚 Learning: kjhyun0830은 what-today 프로젝트의 마이페이지(apps/what-today/src/pages/mypage/main/index.tsx)에서 다음 브랜치에 스켈레톤 u...
Learnt from: kjhyun0830
PR: What-Today-FE/What-Today#219
File: apps/what-today/src/pages/mypage/main/index.tsx:108-157
Timestamp: 2025-08-03T00:45:03.763Z
Learning: kjhyun0830은 What-Today 프로젝트의 마이페이지(apps/what-today/src/pages/mypage/main/index.tsx)에서 다음 브랜치에 스켈레톤 UI 작업과 함께 로딩 상태 처리를 구현할 계획이라고 언급함.

Applied to files:

  • apps/what-today/src/pages/mypage/reservations-list/index.tsx
  • apps/what-today/src/pages/experiences/index.tsx
📚 Learning: taeil08이 what-today 프로젝트의 체험 등록 페이지(apps/what-today/src/pages/experiences/iindex.tsx)에서 주소 입력 컴포넌트가 ...
Learnt from: Taeil08
PR: What-Today-FE/What-Today#134
File: apps/what-today/src/pages/experiences/iindex.tsx:11-16
Timestamp: 2025-07-25T03:14:08.579Z
Learning: Taeil08이 What-Today 프로젝트의 체험 등록 페이지(apps/what-today/src/pages/experiences/iindex.tsx)에서 주소 입력 컴포넌트가 아직 만들어지지 않아서 상태 관리를 나중에 추가할 예정이라고 언급함. 이는 프로젝트의 점진적 개발 접근법에 따른 것임.

Applied to files:

  • apps/what-today/src/pages/mypage/reservations-list/index.tsx
  • apps/what-today/src/pages/experiences/index.tsx
📚 Learning: harryseop 프로젝트에서 예약 플로우는 디바이스별로 다르게 구현됨: 데스크톱은 reservationform 컴포넌트의 내부 토스트를 사용하고, 태블릿/모바일은 바텀시트 → h...
Learnt from: HarrySeop
PR: What-Today-FE/What-Today#220
File: apps/what-today/src/pages/activities/index.tsx:64-70
Timestamp: 2025-08-02T20:26:03.149Z
Learning: HarrySeop 프로젝트에서 예약 플로우는 디바이스별로 다르게 구현됨: 데스크톱은 ReservationForm 컴포넌트의 내부 토스트를 사용하고, 태블릿/모바일은 바텀시트 → handleSubmitReservation → 페이지 레벨 토스트를 사용하는 구조임.

Applied to files:

  • apps/what-today/src/pages/mypage/reservations-list/index.tsx
📚 Learning: harryseop은 what-today 프로젝트에서 api 에러 처리를 토스터(toast notification)로 처리하는 방식을 선호하며, 핸들러 함수 구현 시점에 함께 연결하...
Learnt from: HarrySeop
PR: What-Today-FE/What-Today#129
File: apps/what-today/src/pages/mypage/reservations-list/index.tsx:13-25
Timestamp: 2025-07-24T19:36:15.516Z
Learning: HarrySeop은 What-Today 프로젝트에서 API 에러 처리를 토스터(toast notification)로 처리하는 방식을 선호하며, 핸들러 함수 구현 시점에 함께 연결하는 접근 방식을 취함.

Applied to files:

  • apps/what-today/src/pages/experiences/index.tsx
📚 Learning: user kjhyun0830 follows an incremental development approach in what-today project, implementing ui f...
Learnt from: kjhyun0830
PR: What-Today-FE/What-Today#77
File: apps/what-today/src/pages/mypage/manage-activities/index.tsx:50-63
Timestamp: 2025-07-19T01:23:56.149Z
Learning: User kjhyun0830 follows an incremental development approach in What-Today project, implementing UI first and adding functionality in later iterations, as confirmed in PR #77 for the experience management page.

Applied to files:

  • apps/what-today/src/pages/experiences/index.tsx
📚 Learning: myungjiwoo encountered multiple api calls when adding all dependencies to useeffect in oauth callbac...
Learnt from: MyungJiwoo
PR: What-Today-FE/What-Today#98
File: apps/what-today/src/hooks/useKakaoOAuth.ts:37-65
Timestamp: 2025-07-21T13:40:52.209Z
Learning: MyungJiwoo encountered multiple API calls when adding all dependencies to useEffect in OAuth callback hooks. The solution is to use useRef to prevent duplicate requests and useCallback to memoize the async function, keeping only essential dependencies (searchParams and the memoized function) in the dependency array.

Applied to files:

  • apps/what-today/src/pages/experiences/index.tsx
🔇 Additional comments (5)
apps/what-today/src/components/notification/NotificationPopover.tsx (1)

96-96: 토스트 메시지 통일로 사용자 경험 개선

에러 토스트 제목을 "내 알림 삭제 오류"에서 "내 알림 삭제 실패"로 변경하여 앱 전반의 에러 메시지 톤앤매너를 통일했습니다. 이는 일관성 있는 사용자 경험을 제공합니다.

packages/design-system/src/components/Footer.tsx (1)

40-40: Footer 텍스트 스타일 변경 확인 필요

text-smtext-gray-500 클래스를 제거하면 GitHub 프로필 링크 텍스트의 크기와 색상이 기본값으로 변경됩니다. 이로 인해 Footer의 시각적 계층 구조가 변경될 수 있습니다.

변경된 스타일이 의도된 디자인과 일치하는지 확인해 주세요.

apps/what-today/src/pages/experiences/index.tsx (2)

89-89: 에러 메시지 구체화로 사용자 경험 개선

토스트 제목을 "불러오기 실패"에서 "체험 로딩 실패"로 변경하여 더 구체적이고 사용자 친화적인 에러 메시지를 제공합니다. 앱 전반의 토스트 메시지 통일에도 기여합니다.


95-95: useCallback 의존성 배열 수정으로 hook 규칙 준수

useCallback의 의존성 배열에 toast를 추가하여 React Hook 규칙을 올바르게 준수했습니다. 이는 잠재적인 stale closure 문제를 방지합니다.

apps/what-today/src/pages/mypage/reservations-list/index.tsx (1)

117-118: 예약 내역 조회 에러 메시지 구체화

토스트 제목을 "데이터 로드 실패"에서 "예약 내역 조회 실패"로, 설명을 더 구체적으로 변경하여 사용자가 어떤 작업에서 오류가 발생했는지 명확하게 알 수 있도록 개선했습니다. 이는 일관된 사용자 경험 제공에 기여합니다.

✨ Finishing Touches
  • 📝 Generate Docstrings
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch refactor/HarrySeop/273

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
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Explain this complex logic.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
    • @coderabbitai explain this code block.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read src/utils.ts and explain its main purpose.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR comments)

  • @coderabbitai pause to pause the reviews on a PR.
  • @coderabbitai resume to resume the paused reviews.
  • @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
  • @coderabbitai full review to do a full review from scratch and review all the files again.
  • @coderabbitai summary to regenerate the summary of the PR.
  • @coderabbitai generate docstrings to generate docstrings for this PR.
  • @coderabbitai generate sequence diagram to generate a sequence diagram of the changes in this PR.
  • @coderabbitai generate unit tests to generate unit tests for this PR.
  • @coderabbitai resolve resolve all the CodeRabbit review comments.
  • @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
  • @coderabbitai help to get help.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary or @coderabbitai 요약 to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

Documentation and Community

  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@HarrySeop HarrySeop merged commit a76fee2 into develop Aug 5, 2025
1 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🎨 Design 마크업 및 스타일링 ♻️ Refactor 코드 리팩토링

Projects

None yet

Development

Successfully merging this pull request may close these issues.

토스트 메세지 통합 및 UI 수정 및 불필요한 파일 삭제

2 participants