Skip to content

위시 카드 우승 칩 추가 #747

Closed

Description

@iOdiO89

상위 Epic

#727

구현할 기능

위시 카드에 우승 칩 표시

응답 계약

  • 위시 목록 조회 응답 항목에 winnerTournamentIds: number[] 추가
    • 위치는 reused·refreshNeeded 와 같은 최상위
    • 빈 배열이면 우승 이력 없음
  • 최신 우승이 배열 앞에 옴
  • 여러 판에서 이긴 상품은 토너먼트 id 전부 포함
  • 토너먼트를 삭제하면 그 id 가 빠짐
  • 조건: 판정 기준은 그룹 합산 순위가 아니라 내 플레이 결과
    • 결과: 같은 소셜 토너먼트라도 참여자마다 값이 다름

디자인

대상 시안 칩 내용 칩 위치
/archive/wish 카드 184:1602 우승템 텍스트 이미지 좌하단 (좌 7px · 하 9px)
/wish 카드 184:1461 badge 아이콘 12px · 1위 텍스트 이미지 좌하단. 이미지 영역과 정보 영역 경계에 맞춤

/wish 칩 스펙 (1위)

항목 값 프로젝트 대응
배경 bg/neutral/primary (#2d3037) bg-bg-neutral-primary
여백 좌 4px · 우 6px · 상하 2px · gap 2px pl-1 pr-1.5 py-0.5 gap-0.5
아이콘 badge 12px BadgeIconFill (@/assets/icons)
텍스트 Pretendard Medium 10px · 행간 18px · 자간 -0.4px · white caption-2-medium (신규) · text-text-neutral-inverse
모서리 직각 rounded 없음

/archive/wish 칩 스펙 (우승템)

항목 값 프로젝트 대응
배경 #404040 bg-[#404040] (대응 토큰 없음)
여백 좌우 6px · 상하 1px (높이 20px) px-1.5 py-px — 너비는 내용에 맞춤
텍스트 Pretendard Medium 12px · 행간 18px · 자간 -0.4px · white caption-1-medium (신규) · text-text-neutral-inverse
모서리 4px rounded-[4px]

작업 상세 내용

  • src/types/wish.ts 의 GetWishlistResponseT 에 winnerTournamentIds: number[] 추가
  • app/wish/_common/_consts/wishMock.ts 의 MOCK_WISHES 일부 항목에 우승 id 채움
    • 우승 칩이 붙은 카드와 붙지 않은 카드가 섞여 보이게 함
  • WishCard 에 우승 여부 prop 추가
    • WishGrid 가 winnerTournamentIds.length > 0 으로 판정해 넘김
  • WishCard 이미지 영역 좌하단에 우승 칩 렌더링
    • z-index 는 Z_INDEX 상수 사용
    • 조건: 편집 모드 체크박스(우상단)와 겹치지 않음
  • 폴더 상세(/wish/folder/[folderId])도 WishGrid 를 쓰므로 같은 칩이 뜨는지 확인
  • /archive/wish 카드(components/common/wish-card)에 우승템 칩 렌더링
    • WishReadyCard 에 우승 여부 prop 추가, archive WishGrid 가 winnerTournamentIds.length > 0 으로 판정해 넘김
    • 조건: 삭제 모드 체크박스(좌상단)와 겹치지 않음
  • typography.css 에 caption-1-medium(12px)·caption-2-medium(10px) 유틸 추가

범위

제외

  • 위시 상세 페이지(/archive/wish/[id]) 우승 표시
    • /archive/wish 목록 카드는 범위에 포함
    • 원인: 시안 없음
    • 서버는 상세 응답에도 같은 필드를 내려줌
  • 실제 API 연동

Activity

  1. self-assigned this
    on Oct 20, 2026
  2. added theissue type on Oct 20, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

WEBfeatureNew feature or request

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions