diff --git a/src/components/Modal/PlaceModal.tsx b/src/components/Modal/PlaceModal.tsx index ddf9d84..c15b9a7 100644 --- a/src/components/Modal/PlaceModal.tsx +++ b/src/components/Modal/PlaceModal.tsx @@ -35,10 +35,12 @@ export default function PlaceModal({ isOpen, onClose }: ModalProps) { } function handleCopyClicked() { - navigator.clipboard.writeText(`https://cotato-midpoint.site/page/e/results/${roomId}`).then(() => { - setCopyClicked(true); - setTimeout(() => setCopyClicked(false), 1000); - }); + navigator.clipboard + .writeText(`https://cotato-midpoint.site/page/e/results/${roomId}`) + .then(() => { + setCopyClicked(true); + setTimeout(() => setCopyClicked(false), 1000); + }); } async function handleNextBtn() { @@ -46,25 +48,15 @@ export default function PlaceModal({ isOpen, onClose }: ModalProps) { localStorage.removeItem('refreshToken'); localStorage.removeItem('roomId'); if (selectedOption === 'friend') { - const { data } = await axios.post( - BACKEND_URL + '/api/rooms', - { - roomType: ROOM_TYPE_EACH, - }, - { withCredentials: true }, - ); + const { data } = await axios.post(BACKEND_URL + '/api/rooms', { + roomType: ROOM_TYPE_EACH, + }); setRoomId(data.data.id); setCurrentView('shareLink'); } else { - const { data } = await axios.post( - BACKEND_URL + '/api/rooms', - { - roomType: ROOM_TYPE_ALONE, - }, - { - withCredentials: true, - }, - ); + const { data } = await axios.post(BACKEND_URL + '/api/rooms', { + roomType: ROOM_TYPE_ALONE, + }); const newRoomId = data.data.id; navigate(`/page/a/results/${newRoomId}`); } @@ -78,17 +70,26 @@ export default function PlaceModal({ isOpen, onClose }: ModalProps) { animate={{ opacity: 1, scale: 1, transition: { type: 'tween' } }} exit={{ opacity: 0, scale: 0.8 }} > - + {currentView === 'alone' && ( -

어떤 방법으로 장소를 결정할까요?

-

편한 방식으로 모임 장소를 결정할 수 있어요!

+

+ 어떤 방법으로 장소를 결정할까요? +

+

+ 편한 방식으로 모임 장소를 결정할 수 있어요! +

handleOptionClick('alone')} @@ -96,24 +97,34 @@ export default function PlaceModal({ isOpen, onClose }: ModalProps) { 친구들의 위치를 모두 알고 있다면? -

내가 모두 입력하기

+

+ 내가 모두 입력하기 +

handleOptionClick('friend')} > 친구들과 함께 - 장소를 결정하려면? + + 장소를 결정하려면? + -

친구에게 공유하기

+

+ 친구에게 공유하기 +