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)}
/>
-