timestamp records complete

backend/src/controllers/eventDetails.ts

@@ -47,6 +47,8 @@ export const createEventDetails: RequestHandler = async (req, res, next) => {
     description_short,
   } = req.body;
 
+  console.log("events date: ", date);
+
   try {
     validationErrorParser(errors);
 

backend/src/controllers/records.ts

@@ -19,6 +19,7 @@ export const updateRecord: RequestHandler = async (req, res, next) => {
   const { card } = req.params;
 
   try {
+    console.log("req.body: ", req.body);
     const record = await RecordModel.findOneAndUpdate({ card: card }, req.body);
 
     if (record === null) {
@@ -29,6 +30,16 @@ export const updateRecord: RequestHandler = async (req, res, next) => {
       res.status(404);
     }
 
+    if (card === "home" || card === "about" || card === "involved" || card === "impact") {
+      const pageRecord = await RecordModel.findOneAndUpdate(
+        { card: "page-editor" },
+        { date: req.body.date },
+      );
+      if (pageRecord === null) {
+        res.status(404);
+      }
+    }
+
     res.status(200).json(updatedRecord);
   } catch (error) {
     next(error);

frontend/src/app/admin/dashboard/page.tsx

@@ -1,36 +1,64 @@
 "use client";
 
+import { useEffect, useState } from "react";
 import styles from "./page.module.css";
 
 import DashboardCard from "@/components/DashboardCard";
+import { getRecord } from "@/api/records";
 
 export default function Dashboard() {
+  const [lastUpdated, setLastUpdated] = useState<Record<string, string>>({});
+
+  useEffect(() => {
+    const cards = ["event-creator", "page-editor", "mailing-list", "newsletter-creator"];
+    for (const card of cards) {
+      try {
+        getRecord(card)
+          .then((record) => {
+            if (record.success) {
+              setLastUpdated((prevLastUpdated) => ({
+                ...prevLastUpdated,
+                [card]: record.data.date,
+              }));
+            } else {
+              alert(record.error);
+            }
+          })
+          .catch((error) => {
+            alert(error);
+          });
+      } catch (error) {
+        console.error(`Error fetching last updated date for ${card}:`, error);
+      }
+    }
+  }, []);
+
   return (
     <main className={styles.page}>
       <div className={styles.gridContainer}>
         <DashboardCard
           imageURI="/dashboard_eventcreator.png"
           url="/event-creator"
           title="Event Creator"
-          last_updated="Month XX, XXXX, XX:XX"
+          last_updated={lastUpdated["event-creator"] ?? ""}
         />
         <DashboardCard
           imageURI="/dashboard_pageeditor.png"
           url="/page-editor"
           title="Page Editor"
-          last_updated="Month XX, XXXX, XX:XX"
+          last_updated={lastUpdated["page-editor"] ?? ""}
         />
         <DashboardCard
           imageURI="/dashboard_newsletter.png"
           url="/newsletter-creator"
           title="Newsletter"
-          last_updated="Month XX, XXXX, XX:XX"
+          last_updated={lastUpdated["newsletter-creator"] ?? ""}
         />
         <DashboardCard
           imageURI="/dashboard_mailinglist.png"
           url="/mailing-list"
           title="Mailing List"
-          last_updated="Month XX, XXXX, XX:XX"
+          last_updated={lastUpdated["mailing-list"] ?? ""}
         />
       </div>
     </main>

frontend/src/app/admin/newsletter-creator/page.tsx

@@ -58,6 +58,15 @@ export default function NewsletterCreator() {
       cellClassName: `${styles.cellEntry} ${styles.cellBorderStyle}`,
       disableColumnMenu: true,
       renderHeader: () => <div>Date</div>,
+      renderCell: (params) => {
+        const { date } = params.row;
+        const formattedDate = new Date(date).toLocaleDateString("en-US", {
+          year: "numeric",
+          month: "long",
+          day: "numeric",
+        });
+        return formattedDate;
+      },
     },
   ];
 

frontend/src/app/admin/page-editor/page.tsx

@@ -11,17 +11,15 @@ export default function PageEditorDashboard() {
   const [lastUpdated, setLastUpdated] = useState<Record<string, string>>({});
 
   useEffect(() => {
-    // Function to fetch last updated date for each card
-
-    const cards = ["home", "about", "involved", "impact"]; // Assuming these are the card names
+    const cards = ["home", "about", "involved", "impact"];
     for (const card of cards) {
       try {
         getRecord(card)
           .then((record) => {
             if (record.success) {
               setLastUpdated((prevLastUpdated) => ({
                 ...prevLastUpdated,
-                [card]: record.data.date, // Assuming the date is stored in the 'date' field
+                [card]: record.data.date,
               }));
             } else {
               alert(record.error);

frontend/src/components/ContactForm.tsx

@@ -99,13 +99,10 @@ const ContactForm: React.FC = () => {
       subject,
       message,
       question: questionType,
-    }).then(
-      () => {},
-      (error) => {
-        // If the .then() request fails, show the error message
-        alert(error);
-      },
-    );
+    }).then((error) => {
+      // If the .then() request fails, show the error message
+      alert(error);
+    });
   };
 
   return (

frontend/src/components/EventSidebar.tsx

@@ -10,12 +10,13 @@ import styles from "./EventSidebar.module.css";
 import { TextArea } from "./TextArea";
 import { TextAreaCharLimit } from "./TextAreaCharLimit";
 import { TextFieldCharLimit } from "./TextFieldCharLimit";
+import SimpleImageDropzone from "./admin/storage/SimpleImageDropzone";
 
+import { deleteFile } from "@/app/admin/util/pageeditUtil";
 import AlertBanner from "@/components/AlertBanner";
 import { TextField } from "@/components/TextField";
 import { WarningModule } from "@/components/WarningModule";
-import SimpleImageDropzone from "./admin/storage/SimpleImageDropzone";
-import { deleteFile } from "@/app/admin/util/pageeditUtil";
+import { updateRecord } from "@/api/records";
 
 const EVENT_TITLE_CHAR_LIMIT = 35;
 const EVENT_DESCRIPTION_SHORT_CHAR_LIMIT = 200;
@@ -143,6 +144,7 @@ const EventSidebar = ({
         });
       }
 
+      updateRecord("event-creator").catch(console.error);
       setIsEditing(false);
       setErrors({});
       setShowAlert(true);
@@ -159,6 +161,7 @@ const EventSidebar = ({
         ...eventDetails,
         imageURI: "",
       });
+      updateRecord("event-creator").catch(console.error);
     }
   };
 
@@ -170,6 +173,7 @@ const EventSidebar = ({
         ...eventDetails,
         imageURI: url,
       });
+      updateRecord("event-creator").catch(console.error);
     }
   };
 
@@ -181,6 +185,7 @@ const EventSidebar = ({
       deleteEventDetails(eventDetails._id)
         .then((result) => {
           if (result.success) {
+            updateRecord("event-creator").catch(console.error);
           } else {
             console.error("ERROR:", result.error);
           }

frontend/src/components/Footer.tsx

@@ -7,6 +7,7 @@ import React, { useState } from "react";
 import { createSubscriber } from "../api/subscriber";
 
 import styles from "./Footer.module.css";
+import { updateRecord } from "@/api/records";
 
 const Footer = () => {
   const [email, setEmail] = useState<string>("");
@@ -48,6 +49,7 @@ const Footer = () => {
     createSubscriber({ email }).then(
       (result) => {
         if (result.success) {
+          updateRecord("mailing-list").catch(console.error);
           setSubmitted(true); // show the success message
           setPlaceholder("Thanks for subscribing!");
           setEmail(""); // clear the email input

frontend/src/components/NewsletterForm.tsx

@@ -5,6 +5,7 @@ import { sendEmail } from "../api/email";
 import { createSubscriber } from "../api/subscriber";
 
 import styles from "./NewsletterForm.module.css";
+import { updateRecord } from "@/api/records";
 
 type NewsLetterFormProps = {
   setSuccess: (success: boolean) => void;
@@ -87,6 +88,8 @@ const NewsletterForm: React.FC<NewsLetterFormProps> = ({
                 alert(error);
               },
             );
+
+            updateRecord("mailing-list").catch(console.error);
             setSuccess(true);
           } else {
             setSuccess(false);

frontend/src/components/NewsletterSidebar.module.css

@@ -132,6 +132,7 @@
   gap: 24px;
   justify-content: flex-end;
   width: 33vw;
+  margin-bottom: 77px;
 }
 
 .deleteButtonWrapper {