added nped list functionality

2025-08-29 14:55:37 +01:00
parent d2b8827987
commit 4fd3bd4319
15 changed files with 152 additions and 39 deletions
--- a/src/components/SightingOverview/SightingOverview.tsx
+++ b/src/components/SightingOverview/SightingOverview.tsx
@@ -23,13 +23,14 @@ const SightingOverview = () => {
    setOverlayMode((m) => ((m + 1) % 3) as 0 | 1 | 2);
  }, []);

-  const { effectiveSelected, side, mostRecent, noSighting } =
+  const { effectiveSelected, side, mostRecent, noSighting, isPending } =
    useSightingFeedContext();

  useOverviewOverlay(mostRecent, overlayMode, imgRef, canvasRef);

  const { sync } = useHiDPICanvas(imgRef, canvasRef);
-  if (noSighting) return <p>loading</p>;
+
+  if (noSighting || isPending) return <p>loading</p>;
  return (
    <div className="mt-2 grid gap-3">
      <div className="inline-block w-[90%] mx-auto" {...handlers}>