updates

src/components/Dashboard.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useMemo } from 'react';
+import React, { useState, useMemo, useEffect } from 'react';
 import { useSearchParams } from 'react-router-dom';
 import { Line, Doughnut, Bar } from 'react-chartjs-2';
 import { Carousel, EmptyState, FilterControls, StatCard } from './shared';
@@ -14,6 +14,7 @@ import {
   groupByMuseum,
   groupByDistrict,
   umrahData,
+  fetchPilgrimStats,
   getUniqueYears,
   getUniqueDistricts,
   getDistrictMuseumMap,
@@ -32,6 +33,12 @@ const filterKeys = ['year', 'district', 'museum', 'quarter'];
 function Dashboard({ data, showDataLabels, setShowDataLabels, includeVAT, setIncludeVAT }) {
   const { t } = useLanguage();
   const [searchParams, setSearchParams] = useSearchParams();
+  const [pilgrimLoaded, setPilgrimLoaded] = useState(false);
+
+  // Fetch pilgrim stats from NocoDB on mount
+  useEffect(() => {
+    fetchPilgrimStats().then(() => setPilgrimLoaded(true));
+  }, []);
   
   // Initialize filters from URL or defaults
   const [filters, setFiltersState] = useState(() => {