fix: 참여가 여러번 되는 문제 해결

woowacourse-teams · Dec 10, 2024 · 4d0bd64 · 4d0bd64
1 parent 2e908a7
commit 4d0bd64
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/frontend/src/components/shared/roomCardModal/RoomCardModalButton.tsx b/frontend/src/components/shared/roomCardModal/RoomCardModalButton.tsx
@@ -29,6 +29,8 @@ const RoomCardModalButton = ({ roomInfo }: RoomCardModalButtonProps) => {
   };
 
   const handleParticipateRoomClick = () => {
+    if (postParticipateInMutation.isPending) return;
+
     postParticipateInMutation.mutate(
       {
         roomId: roomInfo.id,
@@ -130,6 +132,7 @@ const RoomCardModalButton = ({ roomInfo }: RoomCardModalButtonProps) => {
       <Button
         variant="primary"
         size="small"
+        disabled={postParticipateInMutation.isPending}
         onClick={roomInfo.isPublic ? handleParticipateRoomClick : handleNoticeModal}
       >
         참여하기