fix avatar change affordance

This commit is contained in:
Arjun Patel
2026-06-13 11:25:50 -07:00
parent 03ec264c93
commit 3381ff0b02
3 changed files with 5 additions and 7 deletions
@@ -10,7 +10,6 @@ import { KeyHint } from '@/components/key-hint';
import { ScrollArea } from '@/components/ui/scroll-area'; import { ScrollArea } from '@/components/ui/scroll-area';
interface StreamListSidebarProps { interface StreamListSidebarProps {
streamName: string;
items: Particle[]; items: Particle[];
networkId: string; networkId: string;
currentIndex: number; currentIndex: number;
@@ -24,7 +23,6 @@ interface StreamListSidebarProps {
* nothing auto-advances. * nothing auto-advances.
*/ */
export function StreamListSidebar({ export function StreamListSidebar({
streamName,
items, items,
networkId, networkId,
currentIndex, currentIndex,
@@ -572,7 +572,6 @@ function StreamViewInner({ path, streamParticle }: StreamViewProps) {
{/* Browse sidebar — a separate chat-like panel beside the stream */} {/* Browse sidebar — a separate chat-like panel beside the stream */}
{mode === 'list' && ( {mode === 'list' && (
<StreamListSidebar <StreamListSidebar
streamName={streamParticle.properties.name}
items={children} items={children}
networkId={networkId} networkId={networkId}
currentIndex={currentIndex} currentIndex={currentIndex}
+5 -4
View File
@@ -145,13 +145,14 @@ export default function SettingsPage() {
aria-label="Change profile picture" aria-label="Change profile picture"
> >
<HumanAvatar <HumanAvatar
size="lg" className="size-16"
avatarObjectId={user?.avatar_object_id} avatarObjectId={user?.avatar_object_id}
initials={initials} initials={initials}
fallbackClassName="bg-primary/10 text-primary font-medium" fallbackClassName="bg-primary/10 text-primary text-xl font-medium"
/> />
<span className="absolute inset-0 flex items-center justify-center rounded-full bg-black/40 opacity-0 transition-opacity group-hover:opacity-100"> <span className="absolute inset-0 flex items-center justify-center rounded-full bg-black/40 opacity-0 transition-opacity group-hover:opacity-100" />
<Camera className="size-4 text-white" /> <span className="bg-primary text-primary-foreground ring-background absolute bottom-0 right-0 flex size-5 items-center justify-center rounded-full ring-2">
<Camera className="size-2.5" />
</span> </span>
</button> </button>
<div className="min-w-0 flex-1"> <div className="min-w-0 flex-1">