2351 add distance under icon

hackforla · Feb 18, 2025 · 3ad9815 · 3ad9815
1 parent 2fcde2b
commit 3ad9815
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 10 deletions.
diff --git a/client/src/components/FoodSeeker/SearchResults/StakeholderDetails/StakeholderDetails.jsx b/client/src/components/FoodSeeker/SearchResults/StakeholderDetails/StakeholderDetails.jsx
@@ -333,9 +333,14 @@ const StakeholderDetails = ({ onBackClick, isDesktop }) => {
               direction="column"
               justifyContent="flex-start"
               alignItems="center"
+              gap={2}
               sx={{ marginTop: ".2rem", marginRight: "1rem" }}
             >
               <StakeholderIcon stakeholder={selectedOrganization} />
+              <Typography variant="body2" align="center">
+                {Boolean(selectedOrganization?.distance) &&
+                  `${selectedOrganization.distance?.toFixed(1)} mi`}
+              </Typography>
             </Stack>
           </Grid2>
           <Grid2 xs={10}>
@@ -766,7 +771,7 @@ function normalizeSocialLink({ value, socialMedia }) {
     value === "N/A" ||
     value === "n/a" ||
     value === "n / a" ||
-    value === "N / A" || 
+    value === "N / A" ||
     !value
   ) {
     return null;

diff --git a/client/src/components/FoodSeeker/SearchResults/StakeholderPreview/StakeholderPreview.jsx b/client/src/components/FoodSeeker/SearchResults/StakeholderPreview/StakeholderPreview.jsx
@@ -185,9 +185,14 @@ const StakeholderPreview = ({ stakeholder, onSelect, isDesktop }) => {
           direction="column"
           justifyContent="flex-start"
           alignItems="center"
+          gap={2}
           sx={{ marginTop: ".2rem", marginRight: "1rem", height: "100%" }}
         >
           <StakeholderIcon stakeholder={stakeholder} />
+          <Typography variant="body2" align="center">
+            {Boolean(stakeholder?.distance) &&
+              `${stakeholder.distance?.toFixed(1)} mi`}
+          </Typography>
         </Stack>
       </Grid2>
 

diff --git a/client/src/hooks/useOrganizationBests.js b/client/src/hooks/useOrganizationBests.js
@@ -45,15 +45,9 @@ export default function useOrganizationBests() {
     useNoKnownEligibilityRequirementsFilter();
   const { tenantTimeZone } = useSiteContext();
 
-  let latitude, longitude;
-  if (location.search && !searchCoordinates) {
-    const queryParams = new URLSearchParams(location.search);
-    longitude = Number(queryParams.get("longitude"));
-    latitude = Number(queryParams.get("latitude"));
-  } else {
-    longitude = searchCoordinates?.longitude || DEFAULT_COORDINATES.longitude;
-    latitude = searchCoordinates?.latitude || DEFAULT_COORDINATES.latitude;
-  }
+  const longitude =
+    searchCoordinates?.longitude || DEFAULT_COORDINATES.longitude;
+  const latitude = searchCoordinates?.latitude || DEFAULT_COORDINATES.latitude;
 
   const dispatch = useAppDispatch();