From 915c68e8e2d9cb001825bc5f4b7bf389f75485d5 Mon Sep 17 00:00:00 2001
From: ZhenYi <434836402@qq.com>
Date: Mon, 27 Apr 2026 18:19:46 +0800
Subject: [PATCH] fix(sidebar): center notify icon and add user menu text when
 collapsed

---
 src/components/layout/sidebar-user.tsx | 28 +++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/components/layout/sidebar-user.tsx b/src/components/layout/sidebar-user.tsx
index 8fd6a08..d33a658 100644
--- a/src/components/layout/sidebar-user.tsx
+++ b/src/components/layout/sidebar-user.tsx
@@ -12,7 +12,6 @@ import {useUser} from '@/contexts';
 import {cn} from '@/lib/utils';
 import {UserPlus, Bell} from 'lucide-react';
 import {useNavigate} from 'react-router-dom';
-import {NotificationDrawer} from '@/components/notify/NotificationDrawer';
 
 const btnClass = 'flex w-full h-9 justify-start items-center rounded-md font-medium hover:bg-muted cursor-pointer bg-transparent border-0 text-left text-sm';
 
@@ -39,9 +38,12 @@ export function SidebarUser({collapsed}: { collapsed: boolean }) {
                     <span className="text-sm leading-none">Notify</span>
                 </button>
             ) : (
-                <div className="flex justify-center">
-                    <NotificationDrawer />
-                </div>
+                <button type="button" className={cn(btnClass, 'justify-center px-0')}
+                        onClick={() => navigate('/notify')}>
+                    <span className="flex h-6 items-center shrink-0 w-6 justify-center">
+                        <Bell className="h-4 w-4"/>
+                    </span>
+                </button>
             )}
 
             {user && (
@@ -85,12 +87,24 @@ export function SidebarUser({collapsed}: { collapsed: boolean }) {
                             <>
                                 <DropdownMenuItem onClick={() => {
                                     navigate(`/user/${user.username}`);
-                                }}/>
+                                }}>
+                                    <span className="flex h-6 items-center shrink-0">
+                                        Profile
+                                    </span>
+                                </DropdownMenuItem>
                                 <DropdownMenuItem onClick={() => {
                                     navigate('/settings');
-                                }}/>
+                                }}>
+                                    <span className="flex h-6 items-center shrink-0">
+                                        Settings
+                                    </span>
+                                </DropdownMenuItem>
                                 <DropdownMenuSeparator/>
-                                <DropdownMenuItem className="text-red-600 focus:text-red-600" onClick={() => logout()}/>
+                                <DropdownMenuItem className="text-red-600 focus:text-red-600" onClick={() => logout()}>
+                                    <span className="flex h-6 items-center shrink-0">
+                                        Log out
+                                    </span>
+                                </DropdownMenuItem>
                             </>
                         )}
                     </DropdownMenuContent>