From d3874ee093e170f07e0cfd6fb6bbc1e8f982e760 Mon Sep 17 00:00:00 2001 From: moonhuicheol Date: Fri, 17 Jan 2025 13:56:11 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=E2=9C=A8=20feat:=20=20badge=20=EC=83=81?= =?UTF-8?q?=ED=83=9C=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/ui/card/cardList/GameRoomCard.tsx | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/src/components/ui/card/cardList/GameRoomCard.tsx b/src/components/ui/card/cardList/GameRoomCard.tsx index 7db04fb..36850cc 100644 --- a/src/components/ui/card/cardList/GameRoomCard.tsx +++ b/src/components/ui/card/cardList/GameRoomCard.tsx @@ -1,21 +1,27 @@ +import { IGameRoom } from "../../../../api/gameRoomApi"; import { useJoinGameRoomMutation } from "../../../../hooks/useMutation"; import { useRoomIdStore } from "../../../../store/useRoomIdStore"; import Badge from "../../badge/Badge"; import Button from "../../button/Button"; import * as S from "./GameRoomCardStyle"; -export default function GameRoomCard({ room }: { room: IRoomProps }) { - const { setRoomId } = useRoomIdStore(); +export default function GameRoomCard({ room }: { room: IGameRoom }) { const disabled = room.currentCount === 2 ? true : false; const mutation = useJoinGameRoomMutation(); const onClickJoin = (roomId: number) => { - setRoomId(roomId); mutation.mutate(roomId); }; + const roomState = () => { + if (room.currentCount === 1) { + return "waiting..."; + } else if (room.currentCount === 2) { + return "playing"; + } + }; return ( - + {room.roomName}