← Cockpit Wireframes
Social · 친구·업적
Interactive kit · grounded in code

Social · 친구·업적

Four social surfaces reached from the profile tab. 친구 목록 is a GroupedFeedList (NOT tabs) of up-to-3 conditional sections — 받은 요청 (accept/decline) · 보낸 요청 (cancel) · 친구 N. 친구 찾기 is a debounced display-name search (no QR/invite) with a per-row state machine (신청 → 요청 보냄 → 친구). 업적 groups 74 achievements attendance-first, each row carrying a tier-colored icon + optional progress bar + state badge (locked rows muted). 연습 기록 is a summary + log list with an AddPracticeSheet ModalPanel.

route · apps/mobile/app/profile/{friends,friends/add,achievements,practice}.tsx → profile/src/{friends,add-friend,achievements-gallery,practice-log}-screen.tsx
grounded in 4 source file(s)packages/features/profile/src/friends-screen.tsxpackages/features/profile/src/add-friend-screen.tsxpackages/features/profile/src/achievements-gallery-screen.tsxpackages/features/profile/src/practice-log-screen.tsx
친구 목록
친구 목록
받은 친구 요청1
이수민서울 · 공통 클럽 2개
거절수락
보낸 친구 요청1
박준호경기 · 3일 전 요청
대기 중요청 취소
친구 목록12
김도현ELO 1,842 · 서울
정하늘ELO 1,681 · 성남
최우진ELO 1,702 · 서울
친구 찾기
친구 찾기
이름으로 검색
강서준ELO 1,633 · 서울
친구 신청
윤지호ELO 1,610 · 인천
요청 보냄
김도현ELO 1,842 · 서울
친구
업적
업적
24/ 74
달성한 업적
출석
🎾
첫 발걸음첫 일정에 참여했어요
달성
📅
개근왕한 달 10회 참여
6/10
잠김
승부
🏆
첫 승리첫 경기에서 이겼어요
달성
🔥
10연승10경기 연속 승리
3/10
잠김
???달성 조건 보기
잠김
연습 기록
연습 기록
12회· 총 840분
🎾
서브어제 · 오후 6:00
60분
🔁
랠리3일 전 · 오전 9:00
90분
🧱
벽치기지난주 토요일
30분
연습 추가하기