feat(widgets/LocationSelectTable): get location list in widget

wanted-fork-fork · Jul 3, 2024 · 0a7d8e1 · 0a7d8e1
1 parent d7e893d
commit 0a7d8e1
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 17 deletions.
diff --git a/src/processes/ideal_partner/LocationForm/LocationForm.tsx b/src/processes/ideal_partner/LocationForm/LocationForm.tsx
@@ -44,11 +44,7 @@ export const LocationForm = ({ locations = [] }: LocationFormProps) => {
           </Chip>
         ))}
       </div>
-      <LocationSelectTable
-        locations={locations}
-        selectedLocations={selectedTownList}
-        selectLocation={handleSelectLocation}
-      />
+      <LocationSelectTable selectedLocations={selectedTownList} selectLocation={handleSelectLocation} />
     </section>
   );
 };
diff --git a/src/processes/my_profile/LocationForm/LocationForm.tsx b/src/processes/my_profile/LocationForm/LocationForm.tsx
@@ -7,13 +7,9 @@ import { useMyProfileStore } from 'src/entities/profile/model/myProfileStore';
 import { LocationSelectTable } from 'src/widgets/LocationSelectTable/LocationSelectTable';
 import { useMultiSelectToggle } from 'src/shared/functions/useMultiSelectToggle';
 
-type LocationFormProps = {
-  locations?: Location[];
-};
-
 const MAX_LOCATION_COUNT = 5;
 
-export const LocationForm = ({ locations = [] }: LocationFormProps) => {
+export const LocationForm = () => {
   const { list: selectedTownList, toggle: toggleTown } = useMultiSelectToggle<Location>(
     [],
     (a, b) => a.town[0]?.town === b.town[0]?.town,
@@ -44,11 +40,7 @@ export const LocationForm = ({ locations = [] }: LocationFormProps) => {
           </Chip>
         ))}
       </div>
-      <LocationSelectTable
-        locations={locations}
-        selectedLocations={selectedTownList}
-        selectLocation={handleSelectLocation}
-      />
+      <LocationSelectTable selectedLocations={selectedTownList} selectLocation={handleSelectLocation} />
     </section>
   );
 };
diff --git a/src/widgets/LocationSelectTable/LocationSelectTable.tsx b/src/widgets/LocationSelectTable/LocationSelectTable.tsx
@@ -2,14 +2,16 @@ import styles from './LocationSelectTable.module.css';
 import { Minus, Plus } from 'src/shared/ui/icons';
 import { useState } from 'react';
 import { Location } from 'src/entities/location/types/location';
+import { locationListMock } from 'src/entities/location/api/__mock__/location.mock';
 
 type Props = {
-  locations: Location[];
   selectedLocations: Location[];
   selectLocation: (loc: Location) => void;
 };
 
-export const LocationSelectTable = ({ locations, selectedLocations, selectLocation }: Props) => {
+const locations = locationListMock;
+
+export const LocationSelectTable = ({ selectedLocations, selectLocation }: Props) => {
   const [selectedMainLocation, setSelectedMainLocation] = useState<Location>(locations[0]);
 
   return (