From 5a2aa0f78a1cc070456d19c49d691657a7aa1dcf Mon Sep 17 00:00:00 2001
From: SnowCait <SnowCait@users.noreply.github.com>
Date: Mon, 18 Dec 2023 16:51:38 +0900
Subject: [PATCH] Quoted long-form content

---
 web/src/routes/(app)/timeline/EventComponent.svelte | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/web/src/routes/(app)/timeline/EventComponent.svelte b/web/src/routes/(app)/timeline/EventComponent.svelte
index 927b2f440..2917642f1 100644
--- a/web/src/routes/(app)/timeline/EventComponent.svelte
+++ b/web/src/routes/(app)/timeline/EventComponent.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Kind } from 'nostr-tools';
+	import { Kind, nip19 } from 'nostr-tools';
 	import Profile from './Profile.svelte';
 	import RepostedNote from './RepostedNote.svelte';
 	import Reaction from './Reaction.svelte';
@@ -9,6 +9,8 @@
 	import { Metadata, type Item } from '$lib/Items';
 	import CustomEmojiList from './CustomEmojiList.svelte';
 	import UserStatus from './UserStatus.svelte';
+	import LongFormContent from '../content/LongFormContent.svelte';
+	import { findIdentifier } from '$lib/EventHelper';
 
 	export let item: Item;
 	export let readonly: boolean;
@@ -24,6 +26,15 @@
 	<Reaction {item} {readonly} {createdAtFormat} />
 {:else if item.event.kind === Kind.ChannelCreation || item.event.kind === Kind.ChannelMetadata}
 	<Channel {item} />
+{:else if item.event.kind === Kind.Article}
+	<LongFormContent
+		event={item.event}
+		naddr={nip19.naddrEncode({
+			kind: Kind.Article,
+			pubkey: item.event.pubkey,
+			identifier: findIdentifier(item.event.tags) ?? ''
+		})}
+	/>
 {:else if item.event.kind === Kind.Zap}
 	<Zap {item} {readonly} {createdAtFormat} />
 {:else if Number(item.event.kind) === 30030}