From 36c8154b245e96af24dfbc1702e7f7882e069b93 Mon Sep 17 00:00:00 2001
From: jerry <becomegoodguy@gmail.com>
Date: Mon, 15 Jul 2024 18:42:20 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=B0=B0=ED=8F=AC=EC=8B=9C=20=EB=B0=9C?=
 =?UTF-8?q?=EC=83=9D=ED=95=98=EB=8A=94=20=EC=98=A4=EB=A5=98=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/lookup/Lookup.tsx                   | 33 +++++++++----------
 .../nonMbLookup/components/InputWrapper.tsx   | 14 +++++---
 2 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/src/pages/lookup/Lookup.tsx b/src/pages/lookup/Lookup.tsx
index 6da31dff..2586e5c3 100644
--- a/src/pages/lookup/Lookup.tsx
+++ b/src/pages/lookup/Lookup.tsx
@@ -1,13 +1,11 @@
 import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
-import * as S from "./Lookup.styled";
-import NonExistent from "./components/nonExistent/NonExistent";
 import LookupWrapper from "./components/LookupWrapper";
+import NonExistent from "./components/nonExistent/NonExistent";
+import * as S from "./Lookup.styled";
 
 import { dummyData } from "./dummyData";
 
-import { LookupProps } from "./types/lookupType";
-
 import ActionBottomSheet from "@components/commons/bottomSheet/actionsBottomSheet/ActionBottomSheet";
 import PhoneNumber from "@components/commons/bottomSheet/actionsBottomSheet/phoneNumber/PhoneNumber";
 import OuterLayout from "@components/commons/bottomSheet/OuterLayout";
@@ -56,20 +54,19 @@ const Lookup = () => {
           {lookUpList.map((item) => (
             <React.Fragment key={item.bookingId}>
               <LookupWrapper {...item} handleBtn={() => handleSheetOpen(item.bookingId)} />
-              {selectedBookingId === item.bookingId && (
-                <ActionBottomSheet
-                  onClickOutside={handleSheetClose}
-                  title="대표자에게 연락하여 취소를 요청해 주세요"
-                  subTitle="대표자 연락처"
-                  alignItems="center"
-                  padding="2rem 2rem 2.4rem 2rem"
-                >
-                  <PhoneNumber phone={item.bookerPhoneNumber} />
-                  <OuterLayout margin="1.6rem 0 0 0">
-                    <Button onClick={handleSheetClose}>확인했어요</Button>
-                  </OuterLayout>
-                </ActionBottomSheet>
-              )}
+              <ActionBottomSheet
+                isOpen={selectedBookingId === item.bookingId}
+                onClickOutside={handleSheetClose}
+                title="대표자에게 연락하여 취소를 요청해 주세요"
+                subTitle="대표자 연락처"
+                alignItems="center"
+                padding="2rem 2rem 2.4rem 2rem"
+              >
+                <PhoneNumber phone={item.bookerPhoneNumber} />
+                <OuterLayout margin="1.6rem 0 0 0">
+                  <Button onClick={handleSheetClose}>확인했어요</Button>
+                </OuterLayout>
+              </ActionBottomSheet>
             </React.Fragment>
           ))}
         </>
diff --git a/src/pages/nonMbLookup/components/InputWrapper.tsx b/src/pages/nonMbLookup/components/InputWrapper.tsx
index 517349a4..44c39bac 100644
--- a/src/pages/nonMbLookup/components/InputWrapper.tsx
+++ b/src/pages/nonMbLookup/components/InputWrapper.tsx
@@ -27,7 +27,7 @@ const InputWrapper = ({ btnOn, btnOff, isReadyRequest, dataStatus }: InputProps)
     pwdStatus: false,
   });
 
-  const { name, birth, number, password, pwdStatus } = nonMemberInfo;
+  const { bookerName, birth, number, password, pwdStatus } = nonMemberInfo;
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const { name: fieldName, value } = e.target;
@@ -56,12 +56,12 @@ const InputWrapper = ({ btnOn, btnOff, isReadyRequest, dataStatus }: InputProps)
   };
 
   useEffect(() => {
-    if (name && birth.length === 6 && number.length === 13 && password.length === 4) {
+    if (bookerName && birth.length === 6 && number.length === 13 && password.length === 4) {
       btnOn();
     } else {
       btnOff();
     }
-  }, [name, birth, number, password]);
+  }, [bookerName, birth, number, password]);
 
   useEffect(() => {
     if (isReadyRequest) {
@@ -86,7 +86,13 @@ const InputWrapper = ({ btnOn, btnOff, isReadyRequest, dataStatus }: InputProps)
   return (
     <S.InputWrapperLayout>
       {/* maxLenght 있는 부분 InputField에서 글자수 보이게 / 안 보이게 조정 필요 */}
-      <TextField name="name" type="input" value={name} onChange={handleChange} placeholder="이름" />
+      <TextField
+        name="name"
+        type="input"
+        value={bookerName}
+        onChange={handleChange}
+        placeholder="이름"
+      />
       <TextField
         type="input"
         name="birth"