fix: also set visual when picking items (#167)

https://github.com/user-attachments/assets/1117c0df-88fb-422f-925e-94174d30f52e

Author: gadomski

src/app.tsx

@@ -118,17 +118,7 @@ export default function App() {
     setPicked(undefined);
     setItems(undefined);
     setDatetimeBounds(undefined);
-
-    let cogTileHref = undefined;
-    if (value && value.assets) {
-      for (const asset of Object.values(value.assets)) {
-        if (isCog(asset) && isVisual(asset)) {
-          cogTileHref = asset.href as string;
-          break;
-        }
-      }
-    }
-    setCogTileHref(cogTileHref);
+    setCogTileHref(value && getCogTileHref(value));
 
     if (value && (value.title || value.id)) {
       document.title = "stac-map | " + (value.title || value.id);
@@ -137,6 +127,10 @@ export default function App() {
     }
   }, [value]);
 
+  useEffect(() => {
+    setCogTileHref(picked && getCogTileHref(picked));
+  }, [picked]);
+
   useEffect(() => {
     setPicked(stacGeoparquetItem);
   }, [stacGeoparquetItem]);
@@ -217,3 +211,16 @@ function getInitialHref() {
   }
   return href;
 }
+
+function getCogTileHref(value: StacValue) {
+  let cogTileHref = undefined;
+  if (value.assets) {
+    for (const asset of Object.values(value.assets)) {
+      if (isCog(asset) && isVisual(asset)) {
+        cogTileHref = asset.href as string;
+        break;
+      }
+    }
+  }
+  return cogTileHref;
+}