From bee45ebc5932361933c864f2780fc72297fc6579 Mon Sep 17 00:00:00 2001
From: PhatPhuckDave <david.majdandzic@hotmail.com>
Date: Sat, 23 Nov 2024 20:29:48 +0100
Subject: [PATCH] Implement date formatting on frontend this time

---
 frontend/src/lib/components/Energy/FoodComp.svelte  | 13 ++++++++++++-
 .../src/lib/components/Weight/WeightComp.svelte     | 13 ++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/Energy/FoodComp.svelte b/frontend/src/lib/components/Energy/FoodComp.svelte
index cfa069d..a22d20b 100644
--- a/frontend/src/lib/components/Energy/FoodComp.svelte
+++ b/frontend/src/lib/components/Energy/FoodComp.svelte
@@ -8,6 +8,17 @@
 	export let nameColor: string;
 	export let dateColor: string;
 
+	let date = new Date(item.date);
+	let dateString = new Intl.DateTimeFormat("en-CA", {
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit",
+		hour12: false,
+	}).format(date);
+
 	let amount: string = item.amount.toString();
 	let per100: string = item.per100?.toString() ?? "";
 	let description: string = item.description ?? "";
@@ -55,7 +66,7 @@
 			style="color: {dateColor}"
 			scope="row"
 		>
-			{item.date}
+			{dateString}
 		</th>
 		<td
 			class="px-6 py-4"
diff --git a/frontend/src/lib/components/Weight/WeightComp.svelte b/frontend/src/lib/components/Weight/WeightComp.svelte
index cee6bdf..bb4d995 100644
--- a/frontend/src/lib/components/Weight/WeightComp.svelte
+++ b/frontend/src/lib/components/Weight/WeightComp.svelte
@@ -3,6 +3,17 @@
 
 	export let item: main.Weight;
 	export let dateColor: string;
+
+	let date = new Date(item.date);
+	let dateString = new Intl.DateTimeFormat("en-CA", {
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit",
+		hour12: false,
+	}).format(date);
 </script>
 
 <template>
@@ -12,7 +23,7 @@
 			style="color: {dateColor}"
 			scope="row"
 		>
-			{item.date}
+			{dateString}
 		</th>
 		<td class="px-6 py-4">
 			{item.weight}