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) => ( handleSheetOpen(item.bookingId)} /> - {selectedBookingId === item.bookingId && ( - - - - - - - )} + + + + + + ))} 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) => { 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 ( {/* maxLenght 있는 부분 InputField에서 글자수 보이게 / 안 보이게 조정 필요 */} - +