diff --git a/src/app/meetings/page.tsx b/src/app/meetings/page.tsx index 2ece8ac0..520fc03d 100644 --- a/src/app/meetings/page.tsx +++ b/src/app/meetings/page.tsx @@ -1,5 +1,5 @@ import Banner from "@/components/common/Banner"; -import TopListContainer from "@/containers/informations/TopListContainer"; +import TopList from "@/components/common/TopList"; import MeetingsListContainer from "@/containers/meetings/MeetingsListContainer"; import { Metadata } from "next"; @@ -21,7 +21,7 @@ export default function page({ searchParams }: MyProps) { category={"모임"} /> {/* TODO : 나중에 API 연결하게 되면 그때 가서 공통컴포넌트 수정하기 */} - + ); diff --git a/src/components/informations/write/PlaceModal.tsx b/src/components/informations/write/PlaceModal.tsx index 73140d24..1f3fa0c1 100644 --- a/src/components/informations/write/PlaceModal.tsx +++ b/src/components/informations/write/PlaceModal.tsx @@ -12,8 +12,17 @@ type MyProps = { y: string; }[] | undefined; - handleSearch: DebouncedState<(search: string) => void>; + addressInfos: + | { + address_name: string; + x: string; + y: string; + }[] + | undefined; + handleLocationSearch: DebouncedState<(search: string) => void>; + handleAddressSearch: DebouncedState<(search: string) => void>; isCustom: boolean; + canTypePlaceName: boolean; canRegister: boolean; onClick: (isCustom: boolean) => void; onResetPlace: () => void; @@ -24,18 +33,27 @@ type MyProps = { x: string; y: string; }) => void; + onChangeAddress: (value: { + address_name: string; + x: string; + y: string; + }) => void; onChangeCustomPlaceName: (placeName: string) => void; closeModal: () => void; }; const PlaceModal = ({ placeInfos, - handleSearch, + addressInfos, + handleLocationSearch, + handleAddressSearch, isCustom, + canTypePlaceName, canRegister, onClick, onResetPlace, onChangePlace, + onChangeAddress, onChangeCustomPlaceName, closeModal, }: MyProps) => { @@ -69,44 +87,86 @@ const PlaceModal = ({ -
+

장소 검색하기

-
+
handleSearch(e.target.value)} + placeholder="장소명을 입력하세요. (Ex. 테라로사 포스코센터점)" + onChange={(e) => handleLocationSearch(e.target.value)} /> -
+
{placeInfos?.map((placeInfo, index) => ( ))}
-

- 지도에서 주소 찾기 -

- {/* */} -
+

도로명주소 찾기

+
+ handleAddressSearch(e.target.value)} + disabled={canTypePlaceName} + /> +
+ {addressInfos?.map((addressInfo, index) => ( + + ))} +
+
+
onChangeCustomPlaceName(e.target.value)} /> -