Add render support

2024-09-24 14:12:38 -07:00
parent 148208f072
commit 605273d7c7
19 changed files with 355 additions and 25 deletions
@@ -0,0 +1,20 @@
+<script lang="ts">
+  import {displayPubkey} from "@welshman/util"
+  import {deriveProfile, deriveProfileDisplay, formatTimestamp} from "@welshman/app"
+  import Avatar from "@lib/components/Avatar.svelte"
+
+  export let pubkey
+
+  const profile = deriveProfile(pubkey)
+  const profileDisplay = deriveProfileDisplay(pubkey)
+</script>
+
+<div class="flex gap-2">
+  <div class="py-1">
+    <Avatar src={$profile?.picture} size={10} />
+  </div>
+  <div class="flex flex-col">
+    <div class="text-bold">{$profileDisplay}</div>
+    <div class="text-sm opacity-75">{displayPubkey(pubkey)}</div>
+  </div>
+</div>