From 5228f4d202653040bc9f0918223fde1a92440518 Mon Sep 17 00:00:00 2001
From: Karen Chen <145727980+Karencheenn@users.noreply.github.com>
Date: Mon, 9 Feb 2026 15:27:58 -0500
Subject: [PATCH] Added formatting date function for last updated

---
 src/routes/+page.server.ts | 12 ++++++++----
 src/routes/+page.svelte    | 11 ++++++-----
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
index c6efeb6..b069a3f 100644
--- a/src/routes/+page.server.ts
+++ b/src/routes/+page.server.ts
@@ -15,15 +15,19 @@ const homepageQuery = `{
       "position": member->position
     }
   },
-  "_ohLastUpdated": *[_type=="officeHours"] | order(_updatedAt desc)[0]._updatedAt,
+  "ohLastUpdated": *[_type=="officeHours"] | order(_updatedAt desc)[0]._updatedAt,
   "sponsors": *[_type=="sponsors"]{
     name,
     url,
     "logo": logo.asset->url+"?h=100&fm=webp"
   },
-  "_sponsorsLastUpdated": *[_type=="sponsors"] | order(_updatedAt desc)[0]._updatedAt
+  "sponsorsLastUpdated": *[_type=="sponsors"] | order(_updatedAt desc)[0]._updatedAt
 }`;
 
+function formattingDate(date: Date) {
+	return date.toISOString().slice(0, 10).replaceAll('-', '/');
+}
+
 export const load = async ({ url }) => {
 	/**
 	 * @description Response data type based on the combined query above.
@@ -39,7 +43,7 @@ export const load = async ({ url }) => {
 		allOHs: officeHourResp,
 		sponsors: sponsorsResp,
 		canonical: url.href,
-		ohLastUpdated: homePageResp._ohLastUpdated ?? null,
-		sponsorsLastUpdated: homePageResp._sponsorsLastUpdated ?? null
+		ohLastUpdated: formattingDate(new Date(homePageResp.ohLastUpdated)),
+		sponsorsLastUpdated: formattingDate(new Date(homePageResp.sponsorsLastUpdated))
 	};
 };
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e1ba6cc..649d98b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -72,12 +72,13 @@
 		<p class="text-ecsess-200">
 			Come visit us in our student lounge at ENGTR 1060 to grab a coffee (free), play Mario Kart, or
 			just chat about anything!
+			{#if data.ohLastUpdated}
+				<br />
+				<span class="text-ecsess-200/70 mb-4 inline-block italic">
+					Last updated: {data.ohLastUpdated}
+				</span>
+			{/if}
 		</p>
-		{#if data.ohLastUpdated}
-			<span class="text-ecsess-200/70 mb-4 inline-block italic">
-				Last updated: {new Date(data.ohLastUpdated).toISOString().slice(0, 10).replaceAll('-', '/')}
-			</span>
-		{/if}
 		<OhSchedule allOhs={data.allOHs} />
 	</div>
 </Section>