All changes

frontend/src/components/map/MapPage.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
-import type { FeatureMeta, FeatureFilters, POICategoryGroup, ViewState, PostcodeGeometry } from '../../types';
+import type { FeatureMeta, FeatureFilters, POICategoryGroup, ViewState, PostcodeGeometry, Property } from '../../types';
 import type { SearchedLocation } from './LocationSearch';
 import type { Page } from '../ui/Header';
 import Map from './Map';
@@ -56,9 +56,14 @@ interface MapPageProps {
   ogMode?: boolean;
   isMobile?: boolean;
   initialTravelTime?: TravelTimeInitial;
+  initialPostcode?: string;
   user?: { id: string; subscription: string } | null;
   onLoginClick?: () => void;
   onRegisterClick?: () => void;
+  onSaveProperty?: (property: Property) => void;
+  onUnsaveProperty?: (id: string) => void;
+  isPropertySaved?: (address?: string, postcode?: string) => boolean;
+  getSavedPropertyId?: (address?: string, postcode?: string) => string | undefined;
 }
 
 export default function MapPage({
@@ -78,9 +83,14 @@ export default function MapPage({
   ogMode,
   isMobile = false,
   initialTravelTime,
+  initialPostcode,
   user,
   onLoginClick,
   onRegisterClick,
+  onSaveProperty,
+  onUnsaveProperty,
+  isPropertySaved,
+  getSavedPropertyId,
 }: MapPageProps) {
   const [selectedPOICategories, setSelectedPOICategories] =
     useState<Set<string>>(initialPOICategories);
@@ -202,6 +212,31 @@ export default function MapPage({
     selection.setRightPaneTab(initialTab);
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
+  // Navigate to a specific postcode on mount (e.g. from saved properties)
+  useEffect(() => {
+    if (!initialPostcode) return;
+    // Strip the `pc` param from the URL so it doesn't persist
+    const params = new URLSearchParams(window.location.search);
+    params.delete('pc');
+    const newUrl = params.toString() ? `/dashboard?${params}` : '/dashboard';
+    window.history.replaceState(window.history.state, '', newUrl);
+
+    // Fetch postcode geometry and fly to it
+    fetch(`/api/postcode/${encodeURIComponent(initialPostcode)}`, authHeaders())
+      .then((res) => {
+        if (!res.ok) throw new Error('Postcode not found');
+        return res.json();
+      })
+      .then((data: { postcode: string; latitude: number; longitude: number; geometry: PostcodeGeometry }) => {
+        mapFlyToRef.current?.(data.latitude, data.longitude, 16);
+        selection.handleLocationSearch(data.postcode, data.geometry);
+        if (isMobile) setMobileDrawerOpen(true);
+      })
+      .catch(() => {
+        // Silently fail — postcode might not exist
+      });
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
   // Prevent browser back/forward navigation from horizontal trackpad swipes
   useEffect(() => {
     const handleWheel = (e: WheelEvent) => {
@@ -381,6 +416,10 @@ export default function MapPage({
       loading={selection.loadingProperties}
       hexagonId={selection.selectedHexagon?.id || null}
       onLoadMore={selection.handleLoadMoreProperties}
+      onSaveProperty={onSaveProperty}
+      onUnsaveProperty={onUnsaveProperty}
+      isPropertySaved={isPropertySaved}
+      getSavedPropertyId={getSavedPropertyId}
     />
   );