From eb39cae44cfa118e6cffb09ae17e2e711689c7fe Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Sat, 21 Jun 2025 21:25:47 +0200
Subject: [PATCH] show date in admin ui report table

---
 src/app/admin/feedback/Feedback.svelte |  1 -
 src/app/admin/reports/Reports.svelte   | 18 ++++++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/app/admin/feedback/Feedback.svelte b/src/app/admin/feedback/Feedback.svelte
index 9393b73..86e3dd2 100644
--- a/src/app/admin/feedback/Feedback.svelte
+++ b/src/app/admin/feedback/Feedback.svelte
@@ -4,7 +4,6 @@
   import { onMount } from 'svelte';
   import DataTable from '@components/admin/table/DataTable.svelte';
 
-  // consts
   // consts
   const dateFormat = new Intl.DateTimeFormat('de-DE', {
     year: 'numeric',
diff --git a/src/app/admin/reports/Reports.svelte b/src/app/admin/reports/Reports.svelte
index 4dc09f4..3715e58 100644
--- a/src/app/admin/reports/Reports.svelte
+++ b/src/app/admin/reports/Reports.svelte
@@ -4,6 +4,15 @@
   import DataTable from '@components/admin/table/DataTable.svelte';
   import { type StrikeReasons, getStrikeReasons, reports } from '@app/admin/reports/reports.ts';
 
+  // consts
+  const dateFormat = new Intl.DateTimeFormat('de-DE', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+
   // states
   let strikeReasons = $state<StrikeReasons>([]);
   let activeReport = $state<Report | null>(null);
@@ -14,6 +23,10 @@
   });
 </script>
 
+{#snippet date(value: string)}
+  {dateFormat.format(new Date(value))}
+{/snippet}
+
 <DataTable
   data={reports}
   count={true}
@@ -21,11 +34,12 @@
     { key: 'reason', label: 'Grund' },
     { key: 'reporter.name', label: 'Report Team' },
     { key: 'reported?.name', label: 'Reportetes Team' },
-    { key: 'createdAt', label: 'Datum' },
+    { key: 'createdAt', label: 'Datum', transform: date },
     { key: 'report.status?.status', label: 'Bearbeitungsstatus' }
   ]}
   onClick={(report) => (activeReport = report)}
-/>
+>
+</DataTable>
 
 {#key activeReport}
   <BottomBar {strikeReasons} report={activeReport} />