Merge pull request #13 from icssc/human-readable-timefields

feat: make date columns human readable
icssc · Feb 5, 2024 · b0cf654 · b0cf654
2 parents 423b0a0 + 3544789
commit b0cf654
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/lib/util/formatDateToPST.ts b/src/lib/util/formatDateToPST.ts
@@ -0,0 +1,8 @@
+export const formatDateToPST = (dateValue: string): string => {
+  return new Date(dateValue).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+    timeZone: "America/Los_Angeles",
+  });
+};
diff --git a/src/routes/(nav)/[[selectedMember]]/+page.svelte b/src/routes/(nav)/[[selectedMember]]/+page.svelte
@@ -15,6 +15,7 @@
 
   import type { GetContacts } from "$api/contacts";
   import LineTableRow from "$lib/components/LineTableRow.svelte";
+  import { formatDateToPST } from "$lib/util/formatDateToPST";
 
   export let data: PageData;
 
@@ -45,9 +46,11 @@
       }),
       columnHelper.accessor("lastContactDate", {
         header: "Last Contact Date",
+        cell: (props) => formatDateToPST(props.getValue()),
       }),
       columnHelper.accessor("followupDate", {
         header: "Followup Date",
+        cell: (props) => formatDateToPST(props.getValue()),
       }),
       columnHelper.accessor("notes", {
         header: "Notes",