FlowyLabs/llink
1
0
Fork 0
Code Issues 71 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

chore: move particle metadata to allow captions

Browse Source
This commit is contained in:
talksik
2026-03-12 06:29:59 -07:00
parent e6b04c8314
commit 6c20c43773
1 changed files with 9 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/src/pages/stream-player-page.tsx
+9 -18
View File
@@ -241,8 +241,8 @@ export function StreamPlayerPage() {
</div> </div>
{/* Top center overlay for particle author avatar and name */} {/* Top center overlay for particle author avatar and name */}
<div className="absolute top-0 left-1/2 transform -translate-x-1/2 z-10 mt-3 rounded-full bg-black/30 px-3 py-1 backdrop-blur-sm"> <div className="absolute top-0 left-1/2 transform -translate-x-1/2 z-10 mt-3 rounded-full bg-white/10 px-1 py-1 backdrop-blur-sm">
<div className="flex items-center gap-2.5"> <div className="flex items-center gap-1">
{currentParticle && ( {currentParticle && (
<Avatar size="sm"> <Avatar size="sm">
<AvatarFallback className="bg-white/20 text-[10px] text-white"> <AvatarFallback className="bg-white/20 text-[10px] text-white">
@@ -253,8 +253,10 @@ export function StreamPlayerPage() {
</AvatarFallback> </AvatarFallback>
</Avatar> </Avatar>
)} )}
<span className="text-xs font-medium text-white/70"> <span className="min-w-0 flex-1 truncate text-xs font-medium text-white/70 pr-1">
{currentParticle?.created_by_email.split("@")[0]} {currentParticle?.created_by_email.split("@")[0]}
<span className="text-white/40"> &middot; </span>
{stream.name}
</span> </span>
</div> </div>
</div> </div>
@@ -262,21 +264,10 @@ export function StreamPlayerPage() {
{/* Bottom overlay: stream info + reply */} {/* Bottom overlay: stream info + reply */}
<div className="absolute right-0 bottom-0 left-0 z-10 flex justify-center px-3 pb-3"> <div className="absolute right-0 bottom-0 left-0 z-10 flex justify-center px-3 pb-3">
<div className="flex w-full items-center gap-2.5 rounded-full bg-black/30 px-3 py-2 backdrop-blur-sm"> <div className="flex w-full items-center gap-2.5 rounded-full bg-black/30 px-3 py-2 backdrop-blur-sm">
{currentParticle && ( <div className="flex-1 text-left text-sm font-medium text-white/70">
<Avatar size="sm"> _this is a placeholder for captions_
<AvatarFallback className="bg-white/20 text-[10px] text-white"> </div>
{currentParticle.created_by_email
.split("@")[0]
.slice(0, 2)
.toUpperCase()}
</AvatarFallback>
</Avatar>
)}
<span className="min-w-0 flex-1 truncate text-xs font-medium text-white/70">
{stream.name}
<span className="text-white/40"> &middot; </span>
{currentParticle?.created_by_email.split("@")[0]}
</span>
<ReplyIndicator /> <ReplyIndicator />
</div> </div>
</div> </div>