From f1ee88c4e1299df3f4fa3e1240c7b6f937905648 Mon Sep 17 00:00:00 2001
From: Wen Sun <iwendellsun@gmail.com>
Date: Tue, 16 Jan 2024 10:03:27 +0900
Subject: [PATCH] fix: display system logo in user banner if user not logged in
 (#2747)

Display system logo in user banner if user not logged in
---
 web/src/components/UserBanner.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/components/UserBanner.tsx b/web/src/components/UserBanner.tsx
index ada411d3a..b0f03900c 100644
--- a/web/src/components/UserBanner.tsx
+++ b/web/src/components/UserBanner.tsx
@@ -12,6 +12,7 @@ const UserBanner = () => {
   const { systemStatus } = globalStore.state;
   const user = useCurrentUser();
   const title = user ? user.nickname || user.username : systemStatus.customizedProfile.name || "memos";
+  const avatarUrl = user ? user.avatarUrl : systemStatus.customizedProfile.logoUrl;
 
   const handleSignOutBtnClick = async () => {
     await api.signout();
@@ -24,7 +25,7 @@ const UserBanner = () => {
         className="w-auto inline-flex"
         trigger={
           <div className="px-3 py-2 max-w-full flex flex-row justify-start items-center cursor-pointer rounded-2xl border border-transparent text-gray-800 dark:text-gray-300 hover:bg-white hover:border-gray-200 dark:hover:border-zinc-700 dark:hover:bg-zinc-800">
-            <UserAvatar className="shadow shrink-0 mr-2" avatarUrl={user?.avatarUrl} />
+            <UserAvatar className="shadow shrink-0 mr-2" avatarUrl={avatarUrl} />
             <span className="text-lg font-medium text-slate-800 dark:text-gray-200 shrink truncate">{title}</span>
           </div>
         }