diff --git a/apps/web/src/app/tournament/[id]/create/_components/deposit-countdown/DepositCountdown.tsx b/apps/web/src/app/tournament/[id]/create/_components/deposit-countdown/DepositCountdown.tsx index 77b30f3d8..014bfe2f2 100644 --- a/apps/web/src/app/tournament/[id]/create/_components/deposit-countdown/DepositCountdown.tsx +++ b/apps/web/src/app/tournament/[id]/create/_components/deposit-countdown/DepositCountdown.tsx @@ -13,8 +13,8 @@ function DepositCountdown({ deadline, showLabel = true }: DepositCountdownProps) const { remaining } = useCountdown(deadline); return ( -
- +
+

{remaining ?? '--:--:--'} {showLabel && ' 후 담기 종료'} diff --git a/apps/web/src/app/tournament/[id]/create/_components/participant-panel/ParticipantChip.tsx b/apps/web/src/app/tournament/[id]/create/_components/participant-panel/ParticipantChip.tsx index 8ff4f983f..2d2ed6c33 100644 --- a/apps/web/src/app/tournament/[id]/create/_components/participant-panel/ParticipantChip.tsx +++ b/apps/web/src/app/tournament/[id]/create/_components/participant-panel/ParticipantChip.tsx @@ -1,5 +1,6 @@ import UserProfile from '@/components/user-profile-group/UserProfile'; import type { UserT } from '@/components/user-profile-group/userProfile.const'; +import { useGetMe } from '@/hooks/useGetMe'; type ParticipantChipProps = { user: UserT; @@ -7,10 +8,13 @@ type ParticipantChipProps = { }; function ParticipantChip({ user, itemCount }: ParticipantChipProps) { + const { userData } = useGetMe(); + const isMe = user.id === userData.id; + return ( - {user.name ?? '익명'} + {isMe ? '나' : user.name} {itemCount}개 ); diff --git a/apps/web/src/assets/icons/fill/timer.svg b/apps/web/src/assets/icons/fill/timer.svg index ed3b4a0a8..a4cc87eac 100644 --- a/apps/web/src/assets/icons/fill/timer.svg +++ b/apps/web/src/assets/icons/fill/timer.svg @@ -1,5 +1,6 @@ + diff --git a/apps/web/src/components/user-profile-group/UserProfile.tsx b/apps/web/src/components/user-profile-group/UserProfile.tsx index 915240eab..2b07b0bd3 100644 --- a/apps/web/src/components/user-profile-group/UserProfile.tsx +++ b/apps/web/src/components/user-profile-group/UserProfile.tsx @@ -22,7 +22,7 @@ function UserProfile({ user, className }: UserProfileProps) { >