2 lines
9.9 KiB
JavaScript
2 lines
9.9 KiB
JavaScript
|
import{a as h,j as e}from"./vendor-react-C9dYU-TK.js";import{u as f,B as c,C as m,n as j,S as t,h as v}from"./index-BMBS6scK.js";import{ah as N,U as b,W as w,ai as y,aj as k,o as S,D as g,af as C,ak as M}from"./vendor-icons-BSV6HBy1.js";import{m as u}from"./vendor-motion-CbAtAbUE.js";import"./vendor-CjLUfV8Y.js";import"./vendor-security-DsrNJhpn.js";import"./vendor-router-Dr0ZB7zf.js";import"./vendor-tanstack-C4XaEYj2.js";import"./vendor-http-CctT3C58.js";import"./vendor-utils-D0JLFg89.js";import"./vendor-i18n-PN7w4axr.js";const E={id:"1",title:"Late Night DnB Production 🎧 | Feedback Session",streamer:"Neuro_Glitch",viewers:1240,thumbnailUrl:"https://picsum.photos/id/140/800/450",tags:["Production","Ableton","DnB"],isLive:!0,category:"Production"},L=[{user:"BassHead99",text:"That Reese bass is filthy! 🤮🔥",color:"text-muted-foreground"},{user:"Studio_Rat",text:"What VST is that?",color:"text-muted-foreground"},{user:"Neuro_Glitch",text:"It's Phase Plant, just initializing now.",color:"text-warning font-bold"},{user:"VocalChops",text:"Sent a $5 dono! Check my track?",color:"text-success"}];function T(s={}){const{addToast:a}=f(),l=s.stream??E,i=s.chatMessages??L,[n,r]=h.useState(""),d=h.useCallback(()=>{n.trim()&&(s.onSendMessage?s.onSendMessage(n):a("Message sent to chat","success"),r(""))},[n,s.onSendMessage,a]);return{stream:l,chatMessages:i,msgInput:n,setMsgInput:r,handleSend:d,addToast:a,isLoading:s.isLoading??!1,error:s.error??null}}function D({stream:s,onToggleChat:a,onSettings:l,onFullscreen:i}){return e.jsxs("div",{className:"relative aspect-video bg-black rounded-xl overflow-hidden shadow-2xl border border-border group",children:[e.jsx("img",{src:s.thumbnailUrl,alt:"",className:"w-full h-full object-cover opacity-80"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"}),e.jsxs("div",{className:"absolute top-4 left-4 flex gap-2",children:[e.jsxs("span",{className:"bg-destructive text-destructive-foreground px-2 py-1 text-xs font-bold rounded flex items-center gap-1 animate-pulse",children:[e.jsx(N,{className:"w-3 h-3"})," LIVE"]}),e.jsxs("span",{className:"bg-black/50 backdrop-blur text-foreground px-2 py-1 text-xs font-mono rounded flex items-center gap-1",children:[e.jsx(b,{className:"w-3 h-3"})," ",s.viewers]})]}),e.jsxs("div",{className:"absolute bottom-0 left-0 right-0 p-4 flex justify-between items-end opacity-0 group-hover:opacity-100 transition-opacity duration-[var(--sumi-duration-normal)]",children:[e.jsxs("div",{className:"flex gap-4",children:[e.jsx(c,{variant:"ghost",size:"sm",className:"text-foreground hover:bg-white/10",onClick:a,children:e.jsx(w,{className:"w-5 h-5"})}),e.jsx(c,{variant:"ghost",size:"sm",className:"text-foreground hover:bg-white/10",onClick:l,children:e.jsx(y,{className:"w-5 h-5"})})]}),e.jsx("div",{className:"flex gap-4",children:e.jsx(c,{variant:"ghost",size:"sm",className:"text-foreground hover:bg-white/10",onClick:i,children:e.jsx(k,{className:"w-5 h-5"})})})]})]})}function R({stream:s,onStreamerClick:a,onFollow:l,onDonate:i,onShare:n}){return e.jsx(m,{variant:"glass",className:"p-6 border-white/5 bg-black/20 backdrop-blur-xl transition-shadow duration-[var(--sumi-duration-normal)]",children:e.jsxs("div",{className:"flex justify-between items-start",children:[e.jsxs("div",{className:"flex gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-full bg-gradient-neon p-0.5",children:e.jsx("img",{src:"https://picsum.photos/100/100",alt:"",className:"w-full h-full rounded-full object-cover border-2 border-border"})}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-3xl font-bold text-foreground tracking-tight",children:s.title}),e.jsx("p",{className:"text-primary font-medium cursor-pointer hover:underline",onClick:a,children:s.streamer}),e.jsx("div",{className:"flex gap-2 mt-2",children:s.tags.map(r=>e.jsx(j,{label:r,variant:"terminal"},r))})]})]}),e.jsxs("div",{className:"flex gap-4",children:[e.jsx(c,{variant:"secondary",icon:e.jsx(S,{className:"w-4 h-4"}),onClick:l,children:"FOLLOW"}),e.jsx(c,{variant:"primary"
|