From eb0365f0b7a080b84868190d5ecd4269cdf42412 Mon Sep 17 00:00:00 2001
From: DanConwayDev <DanConwayDev@protonmail.com>
Date: Thu, 25 Jan 2024 00:00:00 +0000
Subject: [PATCH] feat(PRPage): add created_at to event wrapper

the text is not aligned to the middle which needs fixing

tailwind align-middle wasn't working
---
 src/lib/components/events/EventWrapper.svelte | 11 ++++++++++-
 src/lib/wrappers/EventCard.svelte             |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/events/EventWrapper.svelte b/src/lib/components/events/EventWrapper.svelte
index 3a57a6d..c50ecc7 100644
--- a/src/lib/components/events/EventWrapper.svelte
+++ b/src/lib/components/events/EventWrapper.svelte
@@ -1,13 +1,22 @@
 <script lang="ts">
+    import dayjs from "dayjs";
     import UserHeader from "../users/UserHeader.svelte";
     import type { User } from "../users/type";
     import { defaults as user_defaults } from "../users/type";
 
     export let author: User = { ...user_defaults };
+    export let created_at: number | undefined;
+    let created_at_ago = "";
+    $: created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : "";
 </script>
 
 <div class="pl-3 p-3 border-b border-base-300">
-    <UserHeader user={author} />
+    <div class="flex">
+        <div class="flex-auto">
+            <UserHeader user={author} />
+        </div>
+        <div class="text-xs mt-3">{created_at_ago}</div>
+    </div>
     <div class="ml-11">
         <slot />
     </div>
diff --git a/src/lib/wrappers/EventCard.svelte b/src/lib/wrappers/EventCard.svelte
index 5a64c8d..15abc23 100644
--- a/src/lib/wrappers/EventCard.svelte
+++ b/src/lib/wrappers/EventCard.svelte
@@ -22,7 +22,7 @@
     });
 </script>
 
-<EventWrapper author={$author}>
+<EventWrapper author={$author} created_at={event.created_at}>
     {#if event.kind == patch_kind}
         <Kind317 content={event.content} tags={event.tags} />
     {:else if event.kind === pr_status_kind}