fix: update location data

src/components/HomeHeader.tsx

@@ -2,12 +2,12 @@ import { Link } from 'react-router-dom';
 import SiteSubtitle from './SiteSubtitle';
 import LocationMenu from './LocationMenu';
 
-function HomeHeader({ uniqueCities }: { uniqueCities: string[] }) {
+function HomeHeader() {
   return (
     <div className="home-header">
       <SiteSubtitle />
 
-      <LocationMenu uniqueCities={uniqueCities} />
+      <LocationMenu />
 
       <div className="home-header__button">
         <Link className="button__header-primary" to="/locations/new">

src/components/HomePage/index.tsx

@@ -2,13 +2,12 @@ import HomeHeader from '../HomeHeader';
 import { LocationCards } from './LocationCards';
 import { useLocations } from '../../useLocations';
 
-export function HomePage({ uniqueCities }: { uniqueCities: string[] }) {
-
+export function HomePage() {
   const locations = useLocations();
 
   return (
     <div className="homepage">
-      <HomeHeader uniqueCities={uniqueCities} />
+      <HomeHeader />
       <LocationCards locations={locations} />
     </div>
   );

src/components/LocationMenu.tsx

@@ -1,4 +1,6 @@
-function LocationMenu({ uniqueCities }: { uniqueCities: string[] }) {
+import { uniqueCities } from '../locations';
+
+function LocationMenu() {
   return (
     <div className="location-select">
       <h2 className="location-select__title">

src/locations.ts

@@ -161,8 +161,10 @@ function transformLocations(legacyPlaces: LegacyPlace[]): Locations {
     .reduce(mapLocation, {});
 }
 
-function getUniqueCities(locations: Location[]): string[] {
-  return Array.from(new Set(locations.map((location) => location.city)));
+function getUniqueCities(locations: Locations): string[] {
+  return Array.from(
+    new Set(Object.values(locations).map((location) => location.city))
+  );
 }
 
 const locations = transformLocations(legacyPlaces);

src/main.tsx

@@ -4,7 +4,6 @@ import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import { App } from './App';
 import { HomePage } from './components/HomePage';
 import { LocationPage } from './components/LocationPage';
-import { locations, uniqueCities } from './locations';
 
 window.__SPARKEATS_VERSION__ = import.meta.env['VITE_SPARKEATS_VERSION'];
 
@@ -14,17 +13,11 @@ ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
       <Routes>
         <Route path="/" element={<App />}>
           <Route path="/" element={<HomePage />} />
-          <Route
-            path="/"
-            element={
-              <HomePage locations={locations} uniqueCities={uniqueCities} />
-            }
-          />
           <Route path="/locations/:id" element={<LocationPage />} />
           <Route path="/locations/new" element={<div>New Location Page</div>} />
           <Route path="/reviews/new" element={<div>New Review Page</div>} />
-        </Route >
-      </Routes >
-    </BrowserRouter >
-  </React.StrictMode >
+        </Route>
+      </Routes>
+    </BrowserRouter>
+  </React.StrictMode>
 );