Merge pull request #2039 from hackforla/2013-toggle-between-hf-socrata

2013 toggle between hf socrata

Author: ryanfchase

.example.env

@@ -6,3 +6,4 @@ VITE_CONTACT_FORM=REDACTED
 VITE_CONTENTFUL_SPACE=REDACTED
 VITE_CONTENTFUL_TOKEN=REDACTED
 VITE_MAPBOX_TOKEN=REDACTED
+VITE_DATA_SOURCE=HF # Options: HF, SOCRATA

package-lock.json

@@ -1,3 +1,7 @@
+/*
+  Component to show the date of the last data update in the footer which assumes data is available in conn from DbContext, 
+  which is no longer a valid assumption if using Socrata or in new codebase structure
+*/
 import React, { useContext, useEffect, useState } from 'react';
 import moment from 'moment';
 import Typography from '@mui/material/Typography';
@@ -6,6 +10,8 @@ import DbContext from '@db/DbContext';
 import ddbh from '@utils/duckDbHelpers.js';
 import { isEmpty, toNonBreakingSpaces } from '@utils';
 
+const DATA_SOURCE = import.meta.env.VITE_DATA_SOURCE;
+
 const useStyles = makeStyles(theme => ({
   lastUpdated: {
     fontWeight: theme.typography.fontWeightMedium,
@@ -19,30 +25,36 @@ function LastUpdated() {
   const [lastUpdated, setLastUpdated] = useState('');
   const { conn } = useContext(DbContext);
 
+  useEffect(() => {
+    if (DATA_SOURCE === 'SOCRATA') {
+      setLastUpdated(Date.now()) 
+    }
+  },[DATA_SOURCE])
+
   useEffect(() => {
     const getLastUpdated = async () => {
       const getLastUpdatedSQL = 'select max(createddate) from requests_2025;';
-
+      
       const lastUpdatedAsArrowTable = await conn.query(getLastUpdatedSQL);
       const results = ddbh.getTableData(lastUpdatedAsArrowTable);
-
+      
       if (!isEmpty(results)) {
         const lastUpdatedValue = results[0];
         setLastUpdated(lastUpdatedValue);
       }
     };
-
-    getLastUpdated();
-  }, [conn]);
+    
+    if (DATA_SOURCE !== 'SOCRATA' && conn) {
+      getLastUpdated();
+    } 
+  }, [conn, DATA_SOURCE]);
 
   return (
     lastUpdated && (
       <div>
         <Typography variant="body2" className={classes.lastUpdated}>
           {toNonBreakingSpaces(
-            //* Quickfix - hard coded date last updated until 2025 data available
-            // `Data last updated ${moment(lastUpdated).format('MM/DD/YY')}`
-            `Data last updated 12/31/24`
+            `Data last updated ${moment(lastUpdated).format('MM/DD/YY')}`
           )}
         </Typography>
       </div>