lgtm 2

frontend/src/components/map/MapPage.tsx

@@ -260,18 +260,10 @@ export default function MapPage({
   const license = useLicense();
 
   const handleTravelTimeSetDestination = useCallback(
-    (index: number, slug: string, label: string, lat: number, lon: number) => {
+    (index: number, slug: string, label: string, _lat: number, _lon: number) => {
       handleSetDestination(index, slug, label);
-      if (slug) {
-        mapFlyToRef.current?.(
-          lat,
-          lon,
-          mapData.currentView?.zoom ?? INITIAL_VIEW_STATE.zoom,
-          getMobileMapFlyToOptions()
-        );
-      }
     },
-    [getMobileMapFlyToOptions, handleSetDestination, mapData.currentView?.zoom]
+    [handleSetDestination]
   );
 
   const journeyDest = useJourneyDestination(entries);
@@ -463,7 +455,11 @@ export default function MapPage({
     mapData.resolution,
     areaStats
   );
-  const tutorial = useTutorial(initialLoading, isMobile, deferTutorial);
+  const tutorial = useTutorial(
+    initialLoading,
+    isMobile,
+    deferTutorial || mapData.licenseRequired
+  );
   const tutorialTheme = useMemo(() => getTutorialStyles(theme), [theme]);
   const densityLabel = t('mapLegend.historicalMatches');
   const hasActiveFilters = Object.keys(filters).length > 0 || activeEntries.length > 0;
@@ -480,10 +476,13 @@ export default function MapPage({
     onExportStateChange,
   });
 
+  const shareAndSaveView = isMobile
+    ? (mapData.currentVisibleView ?? mapData.currentView)
+    : mapData.currentView;
   const dashboardParams = useMemo(
     () =>
       stateToParams(
-        mapData.currentView,
+        shareAndSaveView,
         filters,
         features,
         selectedPOICategories,
@@ -495,12 +494,18 @@ export default function MapPage({
       entries,
       features,
       filters,
-      mapData.currentView,
       rightPaneTab,
       selectedPOICategories,
       shareCode,
+      shareAndSaveView,
     ]
   );
+  const handleSaveSearch = useCallback(
+    async (name: string) => {
+      await onSaveSearch?.(name, dashboardParams);
+    },
+    [dashboardParams, onSaveSearch]
+  );
   const checkoutReturnPath = useMemo(
     () => `/dashboard${dashboardParams ? `?${dashboardParams}` : ''}`,
     [dashboardParams]
@@ -614,7 +619,7 @@ export default function MapPage({
         onResetTutorial={!isMobile ? tutorial.resetTutorial : undefined}
         filterImpacts={filterCounts.impacts}
         onClearAll={handleClearAll}
-        onSaveSearch={onSaveSearch}
+        onSaveSearch={onSaveSearch ? handleSaveSearch : undefined}
         savingSearch={savingSearch}
         destinationDropdownPortal={options?.destinationDropdownPortal}
       />