Skip to content

Commit aae195a

Browse files
authored
Add warning indicator for listings older than 1 year (#2548)
Fixes #2068 - Add isOldListing function to check if listing is >1 year old - Display warning message for outdated listings in StakeholderDetails - Use yellow warning styling - Warning appears above 'Data updated on' text for verified listings - Wrap new Alert around DetailText to have consistent margins
1 parent 258d8f5 commit aae195a

1 file changed

Lines changed: 30 additions & 9 deletions

File tree

client/src/components/FoodSeeker/SearchResults/StakeholderDetails/StakeholderDetails.jsx

Lines changed: 30 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import {
2+
Alert,
23
Box,
34
Button,
45
Chip,
@@ -246,6 +247,13 @@ const StakeholderDetails = ({ onBackClick, isDesktop }) => {
246247
}
247248
};
248249

250+
const isOldListing = (approvedDate, modifiedDate, createdDate) => {
251+
const oneYearAgo = new Date();
252+
oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);
253+
const lastUpdated = approvedDate || modifiedDate || createdDate;
254+
return lastUpdated && new Date(lastUpdated) < oneYearAgo;
255+
};
256+
249257
const currentDate = new Date();
250258
const stakeholderHours = stakeholdersDaysHours(
251259
selectedOrganization,
@@ -716,19 +724,32 @@ const StakeholderDetails = ({ onBackClick, isDesktop }) => {
716724
>
717725
sending a correction
718726
</Link>
719-
.
720727
</DetailText>
721728

722729
{selectedOrganization.verificationStatusId ===
723730
VERIFICATION_STATUS.VERIFIED && (
724-
<DetailText>
725-
Data updated on{" "}
726-
{selectedOrganization.approvedDate
727-
? formatDateMMMddYYYY(selectedOrganization.approvedDate)
728-
: selectedOrganization.modifiedDate
729-
? formatDateMMMddYYYY(selectedOrganization.modifiedDate)
730-
: formatDateMMMddYYYY(selectedOrganization.createdDate)}
731-
</DetailText>
731+
<>
732+
{isOldListing(
733+
selectedOrganization.approvedDate,
734+
selectedOrganization.modifiedDate,
735+
selectedOrganization.createdDate
736+
) && (
737+
<DetailText>
738+
<Alert severity="warning">
739+
This information may be outdated <br />
740+
(last updated over 1 year ago)
741+
</Alert>
742+
</DetailText>
743+
)}
744+
<DetailText>
745+
Data updated on{" "}
746+
{selectedOrganization.approvedDate
747+
? formatDateMMMddYYYY(selectedOrganization.approvedDate)
748+
: selectedOrganization.modifiedDate
749+
? formatDateMMMddYYYY(selectedOrganization.modifiedDate)
750+
: formatDateMMMddYYYY(selectedOrganization.createdDate)}
751+
</DetailText>
752+
</>
732753
)}
733754
</Stack>
734755
</Stack>

0 commit comments

Comments
 (0)