utopia-ai
/
Finance-Accounts
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sidebar: labeled Sign out button, drop the technical info blurb 

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
main
Talha Ahmed 2026-08-19 19:24:05 +05:00
parent 86c3731dd2
commit 1dc3a2d493
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ar-aging-app/frontend/src/App.tsx
View File

@ -61,22 +61,23 @@ export default function App() {
<SideLink to="/settings" icon={SettingsIcon}>Settings</SideLink> <SideLink to="/settings" icon={SettingsIcon}>Settings</SideLink>
</nav> </nav>
{user && ( {user && (
<div className="mx-3 mb-1 p-3 rounded-2xl bg-canvas/70 flex items-center gap-2.5"> <div className="m-3 p-3 rounded-2xl bg-canvas/70 space-y-2.5">
<UserCircle2 size={20} className="text-primary shrink-0" /> <div className="flex items-center gap-2.5">
<UserCircle2 size={22} className="text-primary shrink-0" />
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<div className="text-xs font-semibold text-ink truncate">{user.display_name}</div> <div className="text-xs font-semibold text-ink truncate">{user.display_name}</div>
<div className="text-[11px] text-muted truncate">{user.username}</div> <div className="text-[11px] text-muted truncate">{user.username}</div>
</div> </div>
<button className="p-1.5 rounded-lg text-subink hover:text-bad hover:bg-badbg" </div>
title="Sign out" onClick={logout}> <button
<LogOut size={15} /> className="w-full inline-flex items-center justify-center gap-2 px-3 py-2 rounded-xl
text-sm font-medium text-subink bg-panel border border-line
hover:text-bad hover:border-bad/30 hover:bg-badbg/40 transition-colors"
onClick={logout}>
<LogOut size={15} /> Sign out
</button> </button>
</div> </div>
)} )}
<div className="m-3 mt-1 p-3.5 rounded-2xl bg-canvas/70 text-[11px] text-muted leading-relaxed">
Amazon‑only · processed on your server. No third‑party egress except the FX‑rate
lookup (currency codes only — never financial data).
</div>
</aside> </aside>
<main className="flex-1 min-w-0 overflow-y-auto"> <main className="flex-1 min-w-0 overflow-y-auto">