feat: Standards addedDate property

Author: OfficialEsco

src/components/CippStandards/CippStandardDialog.jsx

@@ -1,3 +1,4 @@
+import { differenceInDays } from 'date-fns';
 import {
   Dialog,
   DialogActions,
@@ -47,6 +48,12 @@ const CippStandardDialog = ({
     []
   );
 
+  const isNewStandard = (dateAdded) => {
+    const currentDate = new Date();
+    const addedDate = new Date(dateAdded);
+    return differenceInDays(currentDate, addedDate) <= 30;
+  };
+
   return (
     <Dialog
       open={dialogOpen}
@@ -90,6 +97,9 @@ const CippStandardDialog = ({
                   >
                     <CardContent sx={{ flexGrow: 1 }}>
                       <Typography variant="h6" gutterBottom>
+                        {isNewStandard(standard.addedDate) && (
+                          <> <Chip label="New" size="small" color="success" sx={{ ml: 1 }} /> </>
+                        )}
                         {standard.label}
                       </Typography>
                       {standard.helpText && (
@@ -151,6 +161,18 @@ const CippStandardDialog = ({
                           </Typography>
                         </>
                       )}
+                      {standard.addedDate?.length > 0 && (
+                        <>
+                          <Typography variant="subtitle2" sx={{ mt: 2 }}>
+                            Date Added:
+                          </Typography>
+                          <Box sx={{ display: "flex", alignItems: "center" }}>
+                            <Typography variant="body2" color="textSecondary">
+                              {standard.addedDate}
+                            </Typography>
+                          </Box>
+                        </>
+                      )}
                     </CardContent>
 
                     <CardContent>