From 5d99de31e8ad089ba5b1e0c6eaf0cefe4d1231e5 Mon Sep 17 00:00:00 2001
From: moonhuicheol <moonhuicheol@gmail.com>
Date: Thu, 16 Jan 2025 00:35:52 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20=EB=AA=A8=EB=8B=AC=20?=
 =?UTF-8?q?=EB=B0=A9=EB=A7=8C=EB=93=A4=EA=B8=B0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/modalContents/MakeRoom.tsx     | 16 ++++++++--------
 src/components/ui/modalContents/makeRoomStyle.ts |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/ui/modalContents/MakeRoom.tsx b/src/components/ui/modalContents/MakeRoom.tsx
index 16fa0fe..2e22d85 100644
--- a/src/components/ui/modalContents/MakeRoom.tsx
+++ b/src/components/ui/modalContents/MakeRoom.tsx
@@ -7,7 +7,7 @@ import { IRoomNameSchema } from "./schema";
 import { useCreateRoomMutation } from "@hooks/useMutation";
 
 export default function MakeRoom() {
-  const methods = useForm();
+  const methods = useForm<IRoomNameSchema>();
   const mutation = useCreateRoomMutation();
   const { closeModal } = useModal();
 
@@ -15,18 +15,19 @@ export default function MakeRoom() {
     closeModal();
   };
 
-  const onClickMakeRoom = async (data: IRoomNameSchema) => {
-    const result = mutation.mutate(data);
-    console.log(result);
+  const onClickSubmit = async (data: IRoomNameSchema) => {
+    console.log(data, "data확인");
+    mutation.mutate(data);
+    closeModal();
   };
 
   return (
     <FormProvider {...methods}>
-      <S.container>
+      <S.container onSubmit={methods.handleSubmit(onClickSubmit)}>
         <S.title>방 만들기</S.title>
         <S.inputContainer>
           <S.label>방 이름</S.label>
-          <Input type="text" keyname="roomName" />
+          <Input<IRoomNameSchema> type="text" keyname="roomName" />
         </S.inputContainer>
         <S.warningContainer>
           욕설이나 이용자에게 불쾌감을 줄 수 있는 단어가 포함되지 않도록 주의해
@@ -45,11 +46,10 @@ export default function MakeRoom() {
           </Button>
 
           <Button
-            type="button"
+            type="submit"
             size="l"
             textcolor="black"
             bgcolor="green"
-            onClick={onClickMakeRoom}
             width="50%"
           >
             방 만들기
diff --git a/src/components/ui/modalContents/makeRoomStyle.ts b/src/components/ui/modalContents/makeRoomStyle.ts
index 67c9d98..14d6d6f 100644
--- a/src/components/ui/modalContents/makeRoomStyle.ts
+++ b/src/components/ui/modalContents/makeRoomStyle.ts
@@ -1,6 +1,6 @@
 import styled from "styled-components";
 
-export const container = styled.div`
+export const container = styled.form`
   width: 100%;
   height: 100%;
   overflow: hidden;