From 0d94021d2bc62321ae603d32d76f616000844b2a Mon Sep 17 00:00:00 2001
From: Maarten <maartenzam@gmail.com>
Date: Fri, 27 Sep 2024 21:28:40 +0200
Subject: [PATCH] Date formatting

---
 src/lib/components/CaseCard.svelte  | 3 ++-
 src/lib/components/CaseTable.svelte | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/CaseCard.svelte b/src/lib/components/CaseCard.svelte
index 3a09164..2c06aac 100644
--- a/src/lib/components/CaseCard.svelte
+++ b/src/lib/components/CaseCard.svelte
@@ -1,5 +1,6 @@
 <script>
     import { fade } from 'svelte/transition'
+	import { utcFormat } from 'd3-time-format';
 	export let cardData;
 </script>
 
@@ -16,7 +17,7 @@
 	</div>
 	<div class="card-content">
 		<div class="content">
-            <p>{cardData.attribution_date}</p>
+            <p>{utcFormat('%B %d, %Y')(cardData.attribution_date)}</p>
 			<p>{cardData.short_description}</p>
             <p>
                 <span class="tag is-info">{cardData.source}</span>
diff --git a/src/lib/components/CaseTable.svelte b/src/lib/components/CaseTable.svelte
index ab0f24a..130a1b7 100644
--- a/src/lib/components/CaseTable.svelte
+++ b/src/lib/components/CaseTable.svelte
@@ -1,4 +1,5 @@
 <script>
+    import { utcFormat } from 'd3-time-format';
     export let cases
 </script>
 
@@ -18,7 +19,7 @@
         {#if attrCase.show}
             <tr>
                 <td>{attrCase.short_description}</td>
-                <td>{attrCase.attribution_date}</td>
+                <td>{utcFormat('%B %d, %Y')(attrCase.attribution_date)}</td>
                 <td>{attrCase.source}</td>
                 <td>{attrCase.source_category}</td>
                 <td>{attrCase.actor_nation}</td>