wip: timeline

src/shared/logout.tsx

@@ -3,6 +3,8 @@ import { useNavigate } from 'react-router-dom';
 
 import { useStorage } from '@libs/storage/provider';
 
+import { LogoutIcon } from '@shared/icons';
+
 import { useStronghold } from '@stores/stronghold';
 
 export function Logout() {
@@ -25,9 +27,9 @@ export function Logout() {
       <AlertDialog.Trigger asChild>
         <button
           type="button"
-          className="inline-flex h-10 items-center rounded-lg px-2 text-sm font-medium text-white hover:bg-white/10"
+          className="inline-flex h-9 w-9 items-center justify-center hover:bg-white/10"
         >
-          Logout
+          <LogoutIcon className="h-4 w-4 text-white" />
         </button>
       </AlertDialog.Trigger>
       <AlertDialog.Portal className="relative z-10">