diff --git a/apps/nowait-user/src/assets/logo/yeungnam.png b/apps/nowait-user/src/assets/logo/yeungnam.png new file mode 100644 index 00000000..e6d543c9 Binary files /dev/null and b/apps/nowait-user/src/assets/logo/yeungnam.png differ diff --git a/apps/nowait-user/src/pages/order/remittenceWait/RemittanceWaitPage.tsx b/apps/nowait-user/src/pages/order/remittenceWait/RemittanceWaitPage.tsx index 0c46e357..8386ca62 100644 --- a/apps/nowait-user/src/pages/order/remittenceWait/RemittanceWaitPage.tsx +++ b/apps/nowait-user/src/pages/order/remittenceWait/RemittanceWaitPage.tsx @@ -35,7 +35,6 @@ const RemittanceWaitPage = () => { })), totalPrice, }; - const orderButton = async () => { if (isLoading) return; try { @@ -70,6 +69,8 @@ const RemittanceWaitPage = () => { > 입금 대기중인 이미지 { - const [markers, setMarkers] = useState< - { storeId: string; lat: number; lng: number }[] - >([]); - const [status, setStatus] = useState(false); - const [geoData, setGeoData] = useState(""); - const [map, setMap] = useState(null); + const map = useMap(); + const paths = useGeoPolygon(); const myLocation = useMyLocation(); - //마커 생성 컨트롤 - useEffect(() => { - if (!map) return; - - const listener = window.naver.maps.Event.addListener( - map, - "click", - (e: any) => { - if (!status) return; - - const inputId = prompt("스토어 아이디를 입력하세요"); - if (inputId === null || inputId.trim() === "") return; - const isExist = markers.some( - (marker) => String(marker.storeId) === String(inputId) - ); - if (isExist) { - alert("이미 존재하는 주점입니다."); - return; - } - - const lat = e.coord.lat(); - const lng = e.coord.lng(); - - const newMarker = { storeId: inputId, lat, lng }; - setMarkers((prev) => [...prev, newMarker]); - } - ); - - return () => { - window.naver.maps.Event.removeListener(listener); - }; - }, [map, status, markers]); + const { + markers, + isActive, + setIsActive, + addMarker, + undoMarker, + resetMarkers, + copyMarkers, + } = useMarkerManager(); + + useMapClick({ + map, + enabled: isActive, + onClick: addMarker, + }); return ( -
- - - - - {markers.map((marker) => { - return ( - - ); - })} - - -
-
{ - const parsed = JSON.parse(geoData); - const polygon = [ - parsed.map(({ lat, lon }: { lat: number; lon: number }) => [ - lon, - lat, - ]), - ]; - navigator.clipboard.writeText(JSON.stringify(polygon, null, 2)); - alert("복사가 완료 되었습니다."); - }} - > -