From 98f45204dcc914105b47726d21407416edd9a477 Mon Sep 17 00:00:00 2001
From: Avi <avi@aiolabs.com>
Date: Wed, 26 Aug 2026 14:53:46 -0500
Subject: [PATCH] frontend: show active-profile picture on Compose and sidebar

Avatar was rendered without the 'picture' prop, so the active profile's
image only appeared on Home. Added picture={active.picture} to both
Compose avatars (write + preview) and the sidebar active-profile avatar.
---
 frontend/src/components/Sidebar.tsx    | 2 +-
 frontend/src/screens/ComposeScreen.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index 5a4aab7..b215894 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -54,7 +54,7 @@ export function Sidebar({ screen, onNavigate }: SidebarProps) {
       <div className="sidebar-footer">
         {active ? (
           <div className="sidebar-profile">
-            <Avatar npub={active.npub} label={active.label} />
+            <Avatar npub={active.npub} label={active.label} picture={active.picture} />
             <div className="sidebar-profile-meta">
               <span className="sidebar-profile-name">{active.label}</span>
               <span className="mono" title={active.npub}>
diff --git a/frontend/src/screens/ComposeScreen.tsx b/frontend/src/screens/ComposeScreen.tsx
index 63d3914..26fc6e2 100644
--- a/frontend/src/screens/ComposeScreen.tsx
+++ b/frontend/src/screens/ComposeScreen.tsx
@@ -160,7 +160,7 @@ export function ComposeScreen() {
           <div className="compose-profile">
             {active ? (
               <>
-                <Avatar npub={active.npub} label={active.label} />
+                <Avatar npub={active.npub} label={active.label} picture={active.picture} />
                 <div>
                   <span className="profile-name">{active.label}</span>
                   <code className="mono" title={active.npub}>
@@ -294,7 +294,7 @@ export function ComposeScreen() {
             <div className="compose-preview" data-testid="compose-preview">
               <div className="compose-preview-head">
                 {active ? (
-                  <Avatar npub={active.npub} label={active.label} />
+                  <Avatar npub={active.npub} label={active.label} picture={active.picture} />
                 ) : (
                   <Badge tone="warning">No profile selected</Badge>
                 )}