diff --git a/src/features/DetailMaker.tsx b/src/features/DetailMaker.tsx index 09694a6..f090ad3 100644 --- a/src/features/DetailMaker.tsx +++ b/src/features/DetailMaker.tsx @@ -221,7 +221,7 @@ export default function RequestDetailDreamer() { {` @media (min-width: 744px) and (max-width: 2700px) { .main-container { - padding: 0 24px; + padding: 0 60px; } } `} @@ -458,7 +458,7 @@ export default function RequestDetailDreamer() { setIsListModalOpen(false)}>
{pendingPlanTitles.length > 0 ? ( -
+
{pendingPlans.map((plan) => ( <>
{ - if (error.response) { - alert(error.message); - } else if (error.request) { - console.error(error.request); - } else { - console.error(error.message); - } + alert(error.message); }, }); diff --git a/src/features/ProfileDreamer.tsx b/src/features/ProfileDreamer.tsx index 0902d15..18659e3 100644 --- a/src/features/ProfileDreamer.tsx +++ b/src/features/ProfileDreamer.tsx @@ -17,6 +17,7 @@ export default function ProfileDreamer() { const [selectedLocations, setSelectedLocations] = useState([]); const [isOpenImageModal, setIsOpenImageModal] = useState(false); const [profileImg, setProfileImg] = useState(null); + const [isSubmitting, setIsSubmitting] = useState(false); const router = useRouter(); @@ -50,9 +51,15 @@ export default function ProfileDreamer() { onError: (error: any) => { alert(error.message); }, + onSettled: () => { + setIsSubmitting(false); + }, }); const handleSubmit = async () => { + if (isSubmitting) return; + + setIsSubmitting(true); const profileData = { image: profileImg || undefined, tripTypes: selectedServices, @@ -68,7 +75,11 @@ export default function ProfileDreamer() { }; const isButtonDisabled = - selectedServices.length === 0 || selectedLocations.length === 0 || !profileImg || !userData; + selectedServices.length === 0 || + selectedLocations.length === 0 || + !profileImg || + !userData || + isSubmitting; return (
@@ -136,7 +147,7 @@ export default function ProfileDreamer() {