From 077bf95425d3bc9a90d6bb47ed80740ea3fde83a Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Thu, 5 Oct 2023 13:12:03 +0800
Subject: [PATCH] chore: add pinned icon in status bar

---
 web/src/components/Memo.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/web/src/components/Memo.tsx b/web/src/components/Memo.tsx
index 2f2a43b8..98ffca33 100644
--- a/web/src/components/Memo.tsx
+++ b/web/src/components/Memo.tsx
@@ -300,6 +300,14 @@ const Memo: React.FC<Props> = (props: Props) => {
                   <UserAvatar className="!w-5 !h-auto mr-1" avatarUrl={creator.avatarUrl} />
                   <span className="text-sm text-gray-600 max-w-[8em] truncate dark:text-gray-400">{creator.nickname}</span>
                 </Link>
+                {memo.pinned && (
+                  <>
+                    <Icon.Dot className="w-4 h-auto text-gray-400 dark:text-zinc-400" />
+                    <Tooltip title={"Pinned"} placement="top">
+                      <Icon.Bookmark className="w-4 h-auto text-green-600" />
+                    </Tooltip>
+                  </>
+                )}
                 {props.showVisibility && (
                   <>
                     <Icon.Dot className="w-4 h-auto text-gray-400 dark:text-zinc-400" />