|
|
@@ -9,10 +9,8 @@ import {
|
|
|
LayoutTemplate,
|
|
|
Plus,
|
|
|
Menu,
|
|
|
- Search,
|
|
|
BookOpen,
|
|
|
Library,
|
|
|
- UserCircle,
|
|
|
HardDrive,
|
|
|
Building2,
|
|
|
ChevronRight,
|
|
|
@@ -179,31 +177,6 @@ const WorkspaceLayout: React.FC = () => {
|
|
|
/>
|
|
|
</div>
|
|
|
</nav>
|
|
|
-
|
|
|
- {/* User Profile Footer */}
|
|
|
- <div className="p-4 border-t border-slate-100/80 mt-auto">
|
|
|
- <div className="flex items-center gap-3 p-2 mb-3">
|
|
|
- <div className="flex items-center justify-center w-9 h-9 text-sm font-bold text-white bg-indigo-600 rounded-full shrink-0 shadow-sm">
|
|
|
- {user?.username?.[0]?.toUpperCase() || 'A'}
|
|
|
- </div>
|
|
|
- <div className="flex-1 min-w-0">
|
|
|
- <div className="flex items-center gap-2 mb-0.5">
|
|
|
- <p className="text-sm font-semibold text-slate-900 truncate">{user?.displayName || user?.username}</p>
|
|
|
- <span className="px-1.5 py-0.5 text-[9px] font-black bg-blue-50 text-blue-600 rounded-md border border-blue-100 uppercase tracking-tighter">
|
|
|
- {activeTenant?.role?.replace('_', ' ') || user?.role?.replace('_', ' ') || 'USER'}
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <p className="text-[12px] text-slate-500 truncate">{activeTenant?.tenant?.name || t('defaultTenant')}</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <button
|
|
|
- onClick={logout}
|
|
|
- className="flex items-center gap-2 px-3 py-2 text-[13px] font-medium text-red-500 hover:bg-red-50 w-full rounded-lg transition-colors"
|
|
|
- >
|
|
|
- <LogOut size={14} />
|
|
|
- {t('logout')}
|
|
|
- </button>
|
|
|
- </div>
|
|
|
</aside>
|
|
|
|
|
|
{/* Main Content Area */}
|
|
|
@@ -291,20 +264,21 @@ const WorkspaceLayout: React.FC = () => {
|
|
|
)}
|
|
|
</AnimatePresence>
|
|
|
</div>
|
|
|
-
|
|
|
- <div className="relative w-full max-w-lg ml-4">
|
|
|
- <Search className="absolute text-slate-400 left-4 top-1/2 -translate-y-1/2" size={18} />
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- placeholder={t('searchPlaceholder')}
|
|
|
- className="w-full h-11 pl-12 pr-4 bg-slate-100/70 border-none rounded-full focus:bg-white focus:ring-2 focus:ring-blue-500/10 focus:shadow-inner outline-none transition-all text-sm font-medium"
|
|
|
- />
|
|
|
- </div>
|
|
|
</div>
|
|
|
- <div className="flex items-center gap-4">
|
|
|
- <div className="w-10 h-10 rounded-full bg-slate-50 border border-slate-200/50 flex items-center justify-center text-slate-400 shadow-inner">
|
|
|
- <UserCircle size={24} />
|
|
|
+ <div className="flex items-center gap-2">
|
|
|
+ <div className="flex items-center gap-2 px-3 py-1.5 bg-slate-50 rounded-lg border border-slate-200/50">
|
|
|
+ <div className="flex items-center justify-center w-8 h-8 text-sm font-bold text-white bg-indigo-600 rounded-full shrink-0 shadow-sm">
|
|
|
+ {user?.username?.[0]?.toUpperCase() || 'A'}
|
|
|
+ </div>
|
|
|
+ <p className="text-sm font-semibold text-slate-900 truncate">{user?.displayName || user?.username}</p>
|
|
|
</div>
|
|
|
+ <button
|
|
|
+ onClick={logout}
|
|
|
+ className="p-2 text-slate-400 hover:text-red-500 hover:bg-red-50 rounded-lg transition-colors"
|
|
|
+ title={t('logout')}
|
|
|
+ >
|
|
|
+ <LogOut size={18} />
|
|
|
+ </button>
|
|
|
</div>
|
|
|
</header>
|
|
|
|