From a3e72937b4534b7d72ef0b0d2d566460f1fa99d2 Mon Sep 17 00:00:00 2001
From: Mary <pineapplecreamcheese@skiff.com>
Date: Sat, 9 Dec 2023 19:53:50 +0700
Subject: [PATCH] feat: show tags on permalink

---
 app/com/components/views/PermalinkPost.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/com/components/views/PermalinkPost.tsx b/app/com/components/views/PermalinkPost.tsx
index dda44a54..0f5e3464 100644
--- a/app/com/components/views/PermalinkPost.tsx
+++ b/app/com/components/views/PermalinkPost.tsx
@@ -27,6 +27,7 @@ import ChatBubbleOutlinedIcon from '../../icons/outline-chat-bubble.tsx';
 import FavoriteIcon from '../../icons/baseline-favorite.tsx';
 import FavoriteOutlinedIcon from '../../icons/outline-favorite.tsx';
 import MoreHorizIcon from '../../icons/baseline-more-horiz.tsx';
+import PoundIcon from '~/com/icons/baseline-pound.tsx';
 import RepeatIcon from '../../icons/baseline-repeat.tsx';
 import ShareIcon from '../../icons/baseline-share.tsx';
 
@@ -98,6 +99,15 @@ const PermalinkPost = (props: PermalinkPostProps) => {
 				</PostEmbedWarning>
 			)}
 
+			<div class="my-3 flex flex-wrap gap-1.5 text-sm empty:hidden">
+				{record().tags?.map((tag) => (
+					<div class="flex min-w-0 items-center gap-1 rounded-full bg-secondary/30 px-2 leading-6">
+						<PoundIcon />
+						<span class="overflow-hidden text-ellipsis whitespace-nowrap">{tag}</span>
+					</div>
+				))}
+			</div>
+
 			<div class="my-3">
 				<span class="text-sm text-muted-fg">{formatAbsDateTime(record().createdAt)}</span>
 			</div>