Select first online feed on layout load (#675)

* Select first online feed on load * Inline first feed result
orcasound · Nov 1, 2024 · 8ef4852 · 8ef4852
1 parent e87b753
commit 8ef4852
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/ui/src/components/layouts/MapLayout.tsx b/ui/src/components/layouts/MapLayout.tsx
@@ -44,6 +44,7 @@ function MapLayout({ children }: { children: ReactNode }) {
   const [currentFeed, setCurrentFeed] = useState(feed);
   const [map, setMap] = useState<LeafletMap>();
   const feeds = useFeedsQuery().data?.feeds ?? [];
+  const firstOnlineFeed = feeds.filter(({ online }) => online)[0];
 
   // update the currentFeed only if there's a new feed
   useEffect(() => {
@@ -52,7 +53,10 @@ function MapLayout({ children }: { children: ReactNode }) {
       map?.setZoom(9);
       map?.panTo(feed.latLng);
     }
-  }, [feed, map, currentFeed]);
+    if (!feed && !currentFeed && firstOnlineFeed) {
+      setCurrentFeed(firstOnlineFeed);
+    }
+  }, [feed, map, currentFeed, firstOnlineFeed]);
 
   const invalidateSize = () => {
     if (map) {

diff --git a/ui/src/graphql/generated/index.ts b/ui/src/graphql/generated/index.ts
@@ -2338,6 +2338,8 @@ export type FeedsQuery = {
     imageUrl?: string | null;
     thumbUrl?: string | null;
     mapUrl?: string | null;
+    bucket: string;
+    online?: boolean | null;
     latLng: { __typename?: "LatLng"; lat: number; lng: number };
   }>;
 };
@@ -3207,6 +3209,8 @@ export const FeedsDocument = `
     imageUrl
     thumbUrl
     mapUrl
+    bucket
+    online
   }
 }
     `;

diff --git a/ui/src/graphql/queries/listFeeds.graphql b/ui/src/graphql/queries/listFeeds.graphql
@@ -11,5 +11,7 @@ query feeds {
     imageUrl
     thumbUrl
     mapUrl
+    bucket
+    online
   }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,5 +11,7 @@ query feeds { @@
         imageUrl
         thumbUrl
         mapUrl
+        bucket
+        online
       }
     }