From 9d8be25bae25094bf06ae7df2db3ab93fde40765 Mon Sep 17 00:00:00 2001
From: Aditya Chaudhary <30+useradityaa@noreply.coracle.social>
Date: Fri, 14 Aug 2026 17:36:33 +0000
Subject: [PATCH] feat: add minimal pin renderer (#368)

Reviewed-on: https://gitea.coracle.social/coracle/flotilla/pulls/368
Co-authored-by: Aditya Chaudhary <30+useradityaa@noreply.coracle.social>
---
 src/app/components/NoteContentMinimal.svelte    |  5 ++++-
 src/app/components/NoteContentMinimalPin.svelte | 17 +++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 src/app/components/NoteContentMinimalPin.svelte

diff --git a/src/app/components/NoteContentMinimal.svelte b/src/app/components/NoteContentMinimal.svelte
index cf8cd7fb..d715d4df 100644
--- a/src/app/components/NoteContentMinimal.svelte
+++ b/src/app/components/NoteContentMinimal.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
   import type {ComponentProps} from "svelte"
-  import {EVENT_TIME, ZAP_GOAL, THREAD, CLASSIFIED, POLL, PINBOARD} from "@welshman/util"
+  import {EVENT_TIME, ZAP_GOAL, THREAD, CLASSIFIED, POLL, PINBOARD, PIN} from "@welshman/util"
   import NoteContentMinimalEventTime from "@app/components/NoteContentMinimalEventTime.svelte"
   import NoteContentMinimalThread from "@app/components/NoteContentMinimalThread.svelte"
   import NoteContentMinimalClassified from "@app/components/NoteContentMinimalClassified.svelte"
   import NoteContentMinimalGoal from "@app/components/NoteContentMinimalGoal.svelte"
   import NoteContentMinimalPoll from "@app/components/NoteContentMinimalPoll.svelte"
   import NoteContentMinimalBoard from "@app/components/NoteContentMinimalBoard.svelte"
+  import NoteContentMinimalPin from "@app/components/NoteContentMinimalPin.svelte"
   import ContentMinimal from "@app/components/ContentMinimal.svelte"
 
   const props: ComponentProps<typeof ContentMinimal> = $props()
@@ -25,6 +26,8 @@
     <NoteContentMinimalPoll {...props} />
   {:else if props.event.kind === PINBOARD}
     <NoteContentMinimalBoard {...props} />
+  {:else if props.event.kind === PIN}
+    <NoteContentMinimalPin {...props} />
   {:else}
     <ContentMinimal {...props} />
   {/if}
diff --git a/src/app/components/NoteContentMinimalPin.svelte b/src/app/components/NoteContentMinimalPin.svelte
new file mode 100644
index 00000000..daaed07e
--- /dev/null
+++ b/src/app/components/NoteContentMinimalPin.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+  import type {ComponentProps} from "svelte"
+  import {Pin} from "@welshman/domain"
+  import ContentMinimal from "@app/components/ContentMinimal.svelte"
+  import {reader} from "@app/core"
+
+  const props: ComponentProps<typeof ContentMinimal> = $props()
+
+  const loadPin = reader(Pin)(props.event)
+</script>
+
+{#await loadPin then pin}
+  <span class="text-sm">{pin.title() || "Untitled pin"}</span>
+  {#if pin.content()}
+    <span class="truncate min-w-0 block opacity-70">{pin.content()}</span>
+  {/if}
+{/await}