1 line
2.1 KiB
JavaScript
1 line
2.1 KiB
JavaScript
import{a as n,j as e}from"./vendor-react-BHG7lGYR.js";import{g as x,B as t,d as r}from"./index-BWcMVITa.js";import{u}from"./vendor-router-D-s5vIeO.js";import{V as b,a0 as p,a5 as f,a3 as g}from"./vendor-icons-DaGlTw4_.js";import"./vendor-IYr-MHu4.js";import"./vendor-tanstack-BzWBL1hV.js";import"./vendor-utils-CgOSfOkx.js";function S(){const l=u(),o=x(),[a,i]=n.useState(!1),[s,d]=n.useState(!1),c=()=>{i(!a),o.info(a?"Shuffle disabled":"Shuffle enabled")},m=()=>{d(!s),o.info(s?"Repeat disabled":"Repeat enabled")},h=()=>{l("/library")};return e.jsxs("div",{className:"min-h-screen p-8 space-y-8",children:[e.jsx("div",{className:"glass-hud rounded-2xl border-white/10 p-8 hud-corner",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-kodo-magenta/20 flex items-center justify-center border border-kodo-magenta/30",children:e.jsx(b,{className:"w-6 h-6 text-kodo-magenta"})}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-3xl font-display font-bold text-white",children:"Play Queue"}),e.jsx("p",{className:"text-sm text-white opacity-80",children:"Manage your playback queue"})]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(t,{onClick:c,variant:"outline",size:"icon",className:r("border-white/10",a&&"bg-kodo-magenta/20 border-kodo-magenta/50"),children:e.jsx(p,{className:"w-4 h-4"})}),e.jsx(t,{onClick:m,variant:"outline",size:"icon",className:r("border-white/10",s&&"bg-kodo-magenta/20 border-kodo-magenta/50"),children:e.jsx(f,{className:"w-4 h-4"})})]})]})}),e.jsxs("div",{className:"glass-hud rounded-xl border-white/10 p-12 text-center",children:[e.jsx(g,{className:"w-16 h-16 text-kodo-secondary mx-auto mb-4 opacity-50"}),e.jsx("h3",{className:"text-lg font-bold text-white mb-2",children:"Queue is Empty"}),e.jsx("p",{className:"text-base text-white opacity-90 mb-4",children:"Add tracks to your queue to start playing"}),e.jsx(t,{onClick:h,variant:"outline",className:"border-kodo-magenta/30 text-kodo-magenta hover:bg-kodo-magenta/10",children:"Browse Library"})]})]})}export{S as QueuePage};
|