Make quotes in channels more minimal

src/app/components/ChannelMessage.svelte

@@ -98,7 +98,7 @@
         </div>
       {/if}
       <div class="text-sm">
-        <Content {event} />
+        <Content {event} quoteProps={{minimal: true}} />
         {#if thunk}
           <ThunkStatus {thunk} class="mt-2" />
         {/if}

src/app/components/Content.svelte

@@ -36,6 +36,7 @@
   export let showEntire = false
   export let hideMedia = false
   export let expandMode = "block"
+  export let quoteProps: Record<string, any> = {}
   export let depth = 0
 
   const fullContent = parse(event)
@@ -131,7 +132,7 @@
           <ContentMention value={parsed.value} />
         {:else if isEvent(parsed) || isAddress(parsed)}
           {#if isBlock(i)}
-            <ContentQuote value={parsed.value} {depth} {event}>
+            <ContentQuote {...quoteProps} value={parsed.value} {depth} {event}>
               <div slot="note-content" let:event>
                 <svelte:self {hideMedia} {event} depth={depth + 1} />
               </div>

src/app/components/ContentQuote.svelte

@@ -15,6 +15,7 @@
   export let value
   export let event
   export let depth = 0
+  export let minimal = false
 
   const {id, identifier, kind, pubkey, relays: relayHints = []} = value
   const addr = new Address(kind, pubkey, identifier)
@@ -91,7 +92,7 @@
 
 <Button class="my-2 block max-w-full text-left" on:click={onClick}>
   {#if $quote}
-    <NoteCard event={$quote} class="bg-alt rounded-box p-4">
+    <NoteCard {minimal} event={$quote} class="bg-alt rounded-box p-4">
       <slot name="note-content" event={$quote} {depth} />
     </NoteCard>
   {:else}

src/app/components/NoteCard.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import cx from "classnames"
   import {nip19} from "nostr-tools"
   import {ctx} from "@welshman/lib"
   import {getListTags, getPubkeyTagValues} from "@welshman/util"
@@ -7,9 +8,11 @@
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
   import Profile from "@app/components/Profile.svelte"
+  import ProfileName from "@app/components/ProfileName.svelte"
   import {entityLink} from "@app/state"
 
   export let event
+  export let minimal = false
   export let hideProfile = false
 
   const relays = ctx.app.router.Event(event).getUrls()
@@ -34,9 +37,16 @@
   {:else}
     <div class="flex justify-between gap-2">
       {#if !hideProfile}
-        <Profile pubkey={event.pubkey} />
+        {#if minimal}
+          @<ProfileName pubkey={event.pubkey} />
+        {:else}
+          <Profile pubkey={event.pubkey} />
+        {/if}
       {/if}
-      <Link external href={entityLink(nevent)} class="text-sm opacity-75">
+      <Link
+        external
+        href={entityLink(nevent)}
+        class={cx("text-sm opacity-75", {"text-xs": minimal})}>
         {formatTimestamp(event.created_at)}
       </Link>
     </div>