avi/Keynctr
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

frontend: show active-profile picture on Compose and sidebar

Browse source 
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.
This commit is contained in:
Avi 2026-08-26 14:53:46 -05:00
commit 98f45204dc
2 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/Sidebar.tsx
View file

@ -54,7 +54,7 @@ export function Sidebar({ screen, onNavigate }: SidebarProps) {
<div className="sidebar-footer"> <div className="sidebar-footer">
{active ? ( {active ? (
<div className="sidebar-profile"> <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"> <div className="sidebar-profile-meta">
<span className="sidebar-profile-name">{active.label}</span> <span className="sidebar-profile-name">{active.label}</span>
<span className="mono" title={active.npub}> <span className="mono" title={active.npub}>

4
frontend/src/screens/ComposeScreen.tsx
View file

@ -160,7 +160,7 @@ export function ComposeScreen() {
<div className="compose-profile"> <div className="compose-profile">
{active ? ( {active ? (
<> <>
<Avatar npub={active.npub} label={active.label} /> <Avatar npub={active.npub} label={active.label} picture={active.picture} />
<div> <div>
<span className="profile-name">{active.label}</span> <span className="profile-name">{active.label}</span>
<code className="mono" title={active.npub}> <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" data-testid="compose-preview">
<div className="compose-preview-head"> <div className="compose-preview-head">
{active ? ( {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> <Badge tone="warning">No profile selected</Badge>
)} )}