design: 이벤트 카드 반응형 수정

[hyeeuncho]

Summary by CodeRabbit

• 버그 수정
  • 마이페이지의 "문의하기" 이메일 주소가 "gotogether.dev@gmail.com"으로 변경되었습니다.
  • 내 티켓 페이지에서 티켓명이 너무 길 경우 말줄임표(...)로 표시되어 레이아웃이 깨지지 않도록 개선되었습니다.

[coderabbitai]

Walkthrough

이 변경사항은 MyPage 컴포넌트의 문의하기 이메일 주소를 "gotogether.dev@gmail.com"으로 수정하고, MyTicketPage에서 티켓 이름이 길 경우 말줄임표로 표시되도록 UI를 개선합니다.

Changes

파일 경로	변경 요약
src/pages/menu/ui/MyPage.tsx	문의하기 이메일 주소를 "gotogether.dev@gmail.com"으로 변경
src/pages/menu/ui/MyTicketPage.tsx	티켓 이름에 말줄임표(truncate) 스타일 적용, UI 컨테이너 클래스 추가

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant MyPage
    participant EmailClient

    User->>MyPage: 문의하기 클릭
    MyPage->>EmailClient: gotogether.dev@gmail.com으로 메일 작성

    User->>MyTicketPage: 내 티켓 목록 조회
    MyTicketPage-->>User: 티켓 이름이 길면 말줄임표로 표시

Loading

Possibly related PRs

• feat: 이벤트 상세 페이지 API 연동 #91: MyTicketPage에서 티켓 렌더링 및 데이터 구조 변경과 관련된 직접적인 코드 레벨 연관성이 있습니다.

Suggested labels

💖 Style

Suggested reviewers

• Yejiin21

Poem

🐰
이메일 바꿨어요, dev가 더 멋져!
티켓 이름 길어도 걱정 마세요,
말줄임표로 깔끔하게 감췄죠.
토끼가 뛰듯, UI도 산뜻하게—
오늘도 즐거운 코드 여행!

---

📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 8f5f93b and 63eff1d.

📒 Files selected for processing (2)

• src/pages/menu/ui/MyPage.tsx (1 hunks)
• src/pages/menu/ui/MyTicketPage.tsx (1 hunks)

🧰 Additional context used

🧠 Learnings (2)

📓 Common learnings

Learnt from: xaexunxang
PR: GoTogether-Inc/frontend#106
File: src/entities/event/model/eventRequest.ts:26-30
Timestamp: 2025-04-29T10:26:21.217Z
Learning: GoTogether 프로젝트의 이벤트 API에서는 생성(EventCreate)과 수정(EventUpdate) 인터페이스에서 다른 필드명을 사용합니다:
- EventCreate: organizerEmail, organizerPhoneNumber (Swagger 스펙 기준)
- EventUpdate: hostEmail, hostPhoneNumber (Notion 스펙 기준)
이는 백엔드 API 명세의 불일치로 인한 의도적인 차이입니다.

src/pages/menu/ui/MyPage.tsx (1)

Learnt from: xaexunxang
PR: GoTogether-Inc/frontend#106
File: src/entities/event/model/eventRequest.ts:26-30
Timestamp: 2025-04-29T10:26:21.217Z
Learning: GoTogether 프로젝트의 이벤트 API에서는 생성(EventCreate)과 수정(EventUpdate) 인터페이스에서 다른 필드명을 사용합니다:
- EventCreate: organizerEmail, organizerPhoneNumber (Swagger 스펙 기준)
- EventUpdate: hostEmail, hostPhoneNumber (Notion 스펙 기준)
이는 백엔드 API 명세의 불일치로 인한 의도적인 차이입니다.

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)

• GitHub Check: storybook

🔇 Additional comments (2)

src/pages/menu/ui/MyPage.tsx (1)

76-83: 이메일 주소 변경이 일관되게 적용되었습니다.

mailto 링크와 표시 텍스트 모두에서 이메일 주소가 gotogether.dev@gmail.com으로 올바르게 업데이트되었습니다. 더 전문적인 도메인 사용으로 브랜드 이미지 향상에 도움이 될 것 같습니다.

src/pages/menu/ui/MyTicketPage.tsx (1)

144-146: 티켓 이름 말줄임표 처리가 올바르게 구현되었습니다.

컨테이너에 w-full 클래스를 추가하고, 티켓 이름에 truncate whitespace-nowrap overflow-hidden 클래스를 적용하여 긴 티켓 이름으로 인한 레이아웃 깨짐을 방지했습니다. 이는 반응형 디자인 개선에 효과적인 접근법입니다.

✨ Finishing Touches

• 📝 Generate Docstrings

---

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

• X
• Mastodon
• Reddit
• LinkedIn

🪧 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.
  • @coderabbitai modularize this function.
• 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.
  • @coderabbitai help me debug CodeRabbit configuration file.

Support

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

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

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 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 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.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

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.

[github-actions]

📖storybook: https://677a88d1e04e06676106db14-mwtlxiprso.chromatic.com/