feat: 초대 시트에 초대 코드 복사 기능 추가

[ychany]

작업 요약

• 친구 초대 시트에 초대 코드 카드와 복사 버튼을 추가합니다.
• 시안에 맞춰 라벨·타이포·아이콘을 정리합니다.

작업 세부 내용

1. 초대 코드 복사

링크 공유만 가능해 코드로 참여하려는 친구에게 코드를 알려줄 방법이 없었습니다.

초대 코드
┌──────────────────────────┐
│ ABC123              복사 │
└──────────────────────────┘

utils/share.ts 의 copyToClipboard 가 내부 함수로 묶여 있어 export 해서 재사용했습니다. 복사 성공 시 토스트, 미지원 환경에서는 안내가 나갑니다.

inviteCode 는 ParticipantPanel 이 이미 갖고 있어(buildInviteUrl 에 쓰임) 시트로 내려주는 것으로 끝났습니다.

2. 시안 반영

항목	전	후
섹션 라벨	없음	담기 기한 · 초대 코드
기한 카드 타이포	body-2-semibold / heading-1-bold	caption-1-semibold / heading-2-semibold
남은 시간 색	text-accent	sky-blue-500
기한 아이콘	StopwatchIconFill (점선 원형)	TimerIconFill (fill)
기한 아이콘 색	text-accent	sky-blue-300 (#76cefd)
체크 아이콘 색	text-neutral-secondary	icon-neutral-secondary (#adb1bb)
카드 테두리	border-neutral-muted	gray-75
안내 문구	body-2-medium	caption-1-regular
변경 버튼	밑줄	밑줄 없음

아이콘은 시안 SVG 를 받아 path 를 대조했습니다. 기존 stopwatch 는 점선 원형 테두리라 다른 모양이었고, 프로젝트에 이미 있던 fill/timer.svg 가 시안과 동일했습니다.

색상 값도 시안과 정확히 일치하는 토큰을 골랐습니다(#76cefd = sky-blue-300, #adb1bb = icon-neutral-secondary).

검증

타입·린트 통과했습니다. 사용한 토큰(caption-1-regular, heading-2-semibold, sky-blue-300/500, gray-75)이 모두 존재하는지 확인했습니다.

이 시트를 다루는 e2e 는 없습니다. 실제 화면과 복사 동작은 확인하지 못했습니다.

스크린샷

연관 이슈

closes #548

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
piki	Ready	Preview	Aug 23, 2026 1:25pm

[github-actions]

Discord 스레드 연동용 메타데이터입니다. discord-pr-bot 워크플로가 자동 생성하며, 수정·삭제하면 PR 과 Discord 알림 연동이 끊깁니다.

[coderabbitai]

Warning

Review limit reached

@ychany, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 50 minutes

Limit details: You’ve used the included review currently available.

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?

Wait for the limit to reset, then comment @coderabbitai review or push new commits to the PR.

An organization admin can change what happens after included review limits in Billing.

How do review limits work?

CodeRabbit enforces per-developer PR review limits within each organization.

For paid Pro and Pro+ reviews, CodeRabbit uses a developer's included PR review attempts over the past 7 days to set the current hourly allowance. At typical activity levels, the full plan allowance applies. Higher sustained activity can lower the allowance until earlier attempts leave the 7-day window.

Please refer docs for additional details.

Review details

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: a4cf9129-608e-4aa7-80d4-af366035c029

📥 Commits

Reviewing files that changed from the base of the PR and between 1aebba4 and 175a21d.

📒 Files selected for processing (3)

• apps/web/src/app/tournament/[id]/create/_components/invite-friends/InviteFriendsDialog.tsx
• apps/web/src/app/tournament/[id]/create/_components/participant-panel/ParticipantPanel.tsx
• apps/web/src/utils/share.ts

---

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

_{Comment @coderabbitai help to get the list of available commands.}