diff --git a/client/app/dashboard/data-feed/page.tsx b/client/app/dashboard/data-feed/page.tsx index 0713cfa..6150557 100644 --- a/client/app/dashboard/data-feed/page.tsx +++ b/client/app/dashboard/data-feed/page.tsx @@ -1,7 +1,7 @@ "use client" import { useEffect, useState } from "react" -import { ArrowUpRight } from "lucide-react" +import { ArrowUpRight, Info, X } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" @@ -76,11 +76,16 @@ export default function DataFeedPage() { const [loading, setLoading] = useState(true) const [loadingCrises, setLoadingCrises] = useState(false) const [lastUpdated, setLastUpdated] = useState(null) + const [showDisclaimer, setShowDisclaimer] = useState(true) useEffect(() => { async function fetchInitialData() { try { setLoading(true) + const dismissed = typeof window !== 'undefined' ? localStorage.getItem('data-feed-disclaimer-dismissed') : null + if (dismissed === 'true') { + setShowDisclaimer(false) + } const [statusData, overviewData] = await Promise.all([ getDataFeedStatus(), getDataFeedOverview() @@ -218,6 +223,34 @@ export default function DataFeedPage() { + {showDisclaimer && ( +
+
+ +
+

Crisis data updates

+

+ Crisis data is automatically updated every 24 hours from Bluesky and other trusted sources. +

+
+
+ +
+ )} + {/* Overview Stats */} {loading ? (