From b8f64a5f4968328dc8f7b7e9a4e73096bc62e287 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Fri, 3 Jul 2026 14:02:11 -0700
Subject: [PATCH] Allow pinning anything, fix a few display bugs

---
 src/app/components/ContentLinkUrl.svelte    |  6 +++---
 src/app/components/RoomCompose.svelte       | 20 +++++++++++---------
 src/app/components/RoomNameWithImage.svelte |  2 +-
 src/app/pinboards.ts                        |  6 +-----
 4 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/app/components/ContentLinkUrl.svelte b/src/app/components/ContentLinkUrl.svelte
index 0b786d5f..278e6863 100644
--- a/src/app/components/ContentLinkUrl.svelte
+++ b/src/app/components/ContentLinkUrl.svelte
@@ -4,8 +4,9 @@
   import LinkRound from "@assets/icons/link-round.svg?dataurl"
   import Icon from "@lib/components/Icon.svelte"
   import Link from "@lib/components/Link.svelte"
+  import RoomNameWithImage from "@app/components/RoomNameWithImage.svelte"
   import {PLATFORM_URL} from "@app/env"
-  import {displayRoom, isRoomId, splitRoomId} from "@app/groups"
+  import {isRoomId, splitRoomId} from "@app/groups"
   import {makeRoomPath, makeSpacePath} from "@app/routes"
 
   const {
@@ -49,8 +50,7 @@
 
 <Link {external} {href} class={className}>
   {#if roomReference}
-    ~<span class="text-primary">{displayRelayUrl(roomReference.url)}</span> /
-    {displayRoom(roomReference.url, roomReference.h)}
+    <RoomNameWithImage {...roomReference} />
   {:else if relayReference}
     <span class="text-primary">{displayRelayUrl(relayReference)}</span>
   {:else}
diff --git a/src/app/components/RoomCompose.svelte b/src/app/components/RoomCompose.svelte
index ddd00908..39a1caa9 100644
--- a/src/app/components/RoomCompose.svelte
+++ b/src/app/components/RoomCompose.svelte
@@ -118,16 +118,18 @@
         <Icon icon={GallerySend} />
       {/if}
     </Button>
-    <Tippy
-      bind:popover
-      class="join-item h-10 w-10 min-w-10 button button-neutral"
-      component={ComposeMenu}
-      props={{url, h, onClick: hidePopover}}
-      params={{trigger: "manual", interactive: true}}>
-      <Button disabled={$uploading} onclick={showPopover}>
+    <Button
+      disabled={$uploading}
+      onclick={showPopover}
+      class="join-item h-10 w-10 min-w-10 button button-neutral">
+      <Tippy
+        bind:popover
+        component={ComposeMenu}
+        props={{url, h, onClick: hidePopover}}
+        params={{trigger: "manual", interactive: true}}>
         <Icon icon={WidgetAdd} />
-      </Button>
-    </Tippy>
+      </Tippy>
+    </Button>
   </div>
   <div class="chat-editor grow overflow-hidden rounded-box">
     <EditorContent {autofocus} {editor} />
diff --git a/src/app/components/RoomNameWithImage.svelte b/src/app/components/RoomNameWithImage.svelte
index 9e6b1d39..e5c4ae99 100644
--- a/src/app/components/RoomNameWithImage.svelte
+++ b/src/app/components/RoomNameWithImage.svelte
@@ -11,7 +11,7 @@
   const {url, h, ...props}: Props = $props()
 </script>
 
-<div class="flex min-w-0 items-center gap-2 {props.class}">
+<div class="inline-flex min-w-0 items-center gap-2 {props.class}">
   <RoomImage {url} {h} />
   <div class="min-w-0 overflow-hidden text-ellipsis">
     <RoomName {url} {h} />
diff --git a/src/app/pinboards.ts b/src/app/pinboards.ts
index 8d2f47f2..2c13dd79 100644
--- a/src/app/pinboards.ts
+++ b/src/app/pinboards.ts
@@ -209,9 +209,5 @@ export const referenceToPin = (reference: string): Partial<Pin> | undefined => {
     // Not a nostr entity; fall through to external url handling.
   }
 
-  if (/^https?:\/\//i.test(trimmed)) {
-    return {value: ["i", trimmed]}
-  }
-
-  return undefined
+  return {value: ["i", trimmed]}
 }