feat: add automatic data polling, conditional search visibility, and extended scraper functionality for monthly lake records

src/components/LakeDetail.tsx

@@ -84,44 +84,50 @@ const LakeDetail = ({ language, lakeId }: Props) => {
   const topbarDict = t[language].topbar;
 
   useEffect(() => {
-    fetch('/data/lakes_index.json')
-      .then(res => res.json())
-      .then(indexData => {
-        const found = indexData.find((l: any) => l.id === lakeId);
-        setLakeInfo(found || { name: 'Lipno 1', river: 'Vltava' });
-      })
-      .catch(err => console.error(err));
+    const loadData = () => {
+      fetch(`/data/lakes_index.json?t=${Date.now()}`)
+        .then(res => res.json())
+        .then(indexData => {
+          const found = indexData.find((l: any) => l.id === lakeId);
+          setLakeInfo(found || { name: 'Lipno 1', river: 'Vltava' });
+        })
+        .catch(err => console.error(err));
 
-    const internalId = lakeId ? lakeId.split('|')[0] : 'VLL1';
+      const internalId = lakeId ? lakeId.split('|')[0] : 'VLL1';
 
-    fetch(`/data/${internalId}.json`)
-      .then(res => res.json())
-      .then(json => {
-        const formattedData = json.map((item: any) => {
-          const outflow = item.flow === null || isNaN(item.flow) ? 0 : item.flow;
+      fetch(`/data/${internalId}.json?t=${Date.now()}`)
+        .then(res => res.json())
+        .then(json => {
+          const formattedData = json.map((item: any) => {
+            const outflow = item.flow === null || isNaN(item.flow) ? 0 : item.flow;
 
-          return {
-            timestamp: item.timestamp,
-            date: new Date(item.timestamp).toLocaleString(language === 'cs' ? 'cs-CZ' : 'en-GB', {
-              day: '2-digit', month: '2-digit', year: 'numeric',
-              hour: '2-digit', minute: '2-digit'
-            }),
-            level: item.level === null || isNaN(item.level) ? 0 : item.level,
-            outflow: outflow,
-            inflow: item.inflow || 0,
-            volume: item.volume || 0,
-            fullness: 0,
-            temperature: item.temperature,
-            precipitation: item.precipitation
-          };
+            return {
+              timestamp: item.timestamp,
+              date: new Date(item.timestamp).toLocaleString(language === 'cs' ? 'cs-CZ' : 'en-GB', {
+                day: '2-digit', month: '2-digit', year: 'numeric',
+                hour: '2-digit', minute: '2-digit'
+              }),
+              level: item.level === null || isNaN(item.level) ? 0 : item.level,
+              outflow: outflow,
+              inflow: item.inflow || 0,
+              volume: item.volume || 0,
+              fullness: 0,
+              temperature: item.temperature,
+              precipitation: item.precipitation
+            };
+          });
+          setData(formattedData);
+          setLoading(false);
+        })
+        .catch(err => {
+          console.error('Failed to load data', err);
+          setLoading(false);
         });
-        setData(formattedData);
-        setLoading(false);
-      })
-      .catch(err => {
-        console.error('Failed to load data', err);
-        setLoading(false);
-      });
+    };
+
+    loadData();
+    const intervalId = setInterval(loadData, 60 * 1000); // Poll every 1 minute
+    return () => clearInterval(intervalId);
   }, [language, lakeId]);
 
   if (loading) {
@@ -336,11 +342,6 @@ const LakeDetail = ({ language, lakeId }: Props) => {
           </div>
         </div>
       </div>
-
-      <div className="dashboard-footer" style={{ marginTop: '0' }}>
-        <span>{dict.dataSources} <a href="https://www.chmi.cz/" target="_blank" rel="noreferrer">ČHMÚ</a>, <a href="https://www.pvl.cz/" target="_blank" rel="noreferrer">pvl.cz</a></span>
-        <span>{dict.createdIn}</span>
-      </div>
     </div>
   );
 };