feat(page/form): add forms to meta

wanted-fork-fork · Jul 8, 2024 · 4f0c0ee · 4f0c0ee
1 parent 4cf9e81
commit 4f0c0ee
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/src/pages/form/ideal_partner/IdealPartnerStepMeta.tsx b/src/pages/form/ideal_partner/IdealPartnerStepMeta.tsx
@@ -7,6 +7,8 @@ import { HobbyForm } from 'src/processes/ideal_partner/HobbyForm/HobbyForm';
 import { ReligionForm } from 'src/processes/ideal_partner/ReligionForm/ReligionForm';
 import { DrinkingForm } from 'src/processes/ideal_partner/DrinkingForm/DrinkingForm';
 import { SmokingForm } from 'src/processes/ideal_partner/SmokingForm/SmokingForm';
+import { RequiredOptionForm } from 'src/processes/ideal_partner/RequiredOptionForm/RequiredOptionForm';
+import { ToMatcherForm } from 'src/processes/ideal_partner/ToMatcherForm/ToMatcherForm';
 
 export const IdealPartnerStepMeta: Record<string, StepMeta<IdealPartner>> = {
   AGE: {
@@ -76,10 +78,10 @@ export const IdealPartnerStepMeta: Record<string, StepMeta<IdealPartner>> = {
       </>
     ),
     description: () => <></>,
-    form: <></>,
+    form: <RequiredOptionForm />,
     canGoNext: (state) => Boolean(state.requiredOptions.length > 0),
   },
-  TO_MATCHR: {
+  TO_MATCHER: {
     title: () => (
       <>
         주선자에게 추가로 말하고 싶은
@@ -88,7 +90,7 @@ export const IdealPartnerStepMeta: Record<string, StepMeta<IdealPartner>> = {
       </>
     ),
     description: () => <></>,
-    form: <></>,
+    form: <ToMatcherForm />,
     canGoNext: (state) => Boolean(state.toMatchMaker),
   },
 };
diff --git a/src/processes/ideal_partner/LocationForm/LocationForm.tsx b/src/processes/ideal_partner/LocationForm/LocationForm.tsx
@@ -7,15 +7,12 @@ import { LocationSelectTable } from 'src/widgets/LocationSelectTable/LocationSel
 import { useMultiSelectToggle } from 'src/shared/functions/useMultiSelectToggle';
 import { useIdlePartnerStore } from 'src/entities/ideal_partner/model/idealPartnerStore';
 
-type LocationFormProps = {
-  locations?: Location[];
-};
-
 const MAX_LOCATION_COUNT = 5;
 
-export const LocationForm = ({ locations = [] }: LocationFormProps) => {
+export const LocationForm = () => {
+  const locations = useIdlePartnerStore((state) => state.locations);
   const { list: selectedTownList, toggle: toggleTown } = useMultiSelectToggle<Location>(
-    [],
+    locations,
     (a, b) => a.town[0]?.town === b.town[0]?.town,
   );