https://app.oncue.so/assets/index-DtIqD1qS.js

1import{j as e,L as a,B as d,f as g,r as f,b as w,c as b,t as N}from"./main-DaCJV-qv.js";import{C as m}from"./content-header-DGZFmI-E.js";import{s as v,d as C}from"./studio-UgLfEa1y.js";import{B as y}from"./badge-CJHQtmka.js";import{D as I,a as D,b as P,c as o}from"./dropdown-menu-JcXU4gql.js";import{E as T}from"./ellipsis-ClOxJOim.js";import{P as S}from"./pencil-ByLCTpu8.js";import{C as k}from"./copy-CmZnj_Dl.js";import{T as M,P as l}from"./trash-2-DwEGQFDG.js";import{C as n}from"./clapperboard-BajMuWJC.js";import"./index-BQEMIoSZ.js";import"./index-5YPqZdip.js";import"./index-8Lin4XP7.js";import"./index-BknOjS16.js";function E({project:t,onDelete:r}){return e.jsxs("div",{className:"group relative aspect-[9/16] overflow-hidden rounded-lg border border-border bg-muted",children:[e.jsx(a,{to:"/studio/slideshow/$projectId",params:{projectId:t.id},className:"absolute inset-0 z-0",children:t.coverUrl?e.jsx("img",{src:t.coverUrl,alt:"",className:"h-full w-full object-cover"}):e.jsx("div",{className:"h-full w-full bg-gradient-to-br from-muted-foreground/10 to-muted-foreground/5"})}),e.jsx("div",{className:"absolute inset-x-0 bottom-0 z-10 bg-gradient-to-t from-black/70 via-black/40 to-transparent p-3 pt-8",children:e.jsxs("div",{className:"flex items-end justify-between gap-2",children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("p",{className:"truncate text-sm font-medium text-white",children:t.title}),e.jsx(y,{variant:t.status==="completed"?"default":"outline",className:t.status==="completed"?"mt-1":"mt-1 border-white/30 text-white/80",children:t.status})]}),e.jsxs(I,{children:[e.jsx(D,{asChild:!0,children:e.jsx(d,{size:"icon",variant:"ghost",className:"h-7 w-7 shrink-0 text-white hover:bg-white/20",onClick:i=>i.preventDefault(),children:e.jsx(T,{className:"h-4 w-4"})})}),e.jsxs(P,{align:"end",children:[e.jsx(o,{asChild:!0,children:e.jsxs(a,{to:"/studio/slideshow/$projectId",params:{projectId:t.id},children:[e.jsx(S,{className:"mr-2 h-4 w-4"}),"Edit"]})}),e.jsxs(o,{disabled:!0,children:[e.jsx(k,{className:"mr-2 h-4 w-4"}),"Duplicate"]}),e.jsxs(o,{variant:"destructive",onClick:()=>r(t.id),children:[e.jsx(M,{className:"mr-2 h-4 w-4"}),"Delete"]})]})]})]})})]})}const u=[{id:"all",label:"All"},{id:"draft",label:"Drafts"},{id:"completed",label:"Completed"}];function J(){const t=g(),[r,i]=f.useState("all"),{data:h=[],isLoading:p}=w(v()),x=b({mutationFn:async s=>{await C(s)},onSuccess:()=>{t.invalidateQueries({queryKey:["studio-projects"]}),N.success("Project deleted")}}),c=h.filter(s=>r==="all"?!0:s.status===r);return p?e.jsxs(e.Fragment,{children:[e.jsx(m,{icon:n,title:"Studio",actions:e.jsx(d,{asChild:!0,children:e.jsxs(a,{to:"/studio/slideshow/$projectId",params:{projectId:"new"},children:[e.jsx(l,{className:"mr-2 h-4 w-4"}),"New Slideshow"]})}),tabs:u,activeTab:r,onTabChange:s=>i(s)}),e.jsx("div",{className:"px-4 py-4 md:px-6 md:py-6",children:e.jsx("div",{className:"grid grid-cols-3 gap-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6",children:[1,2,3,4,5,6,7,8].map(s=>e.jsx("div",{className:"aspect-[9/16] animate-pulse rounded-lg bg-muted"},s))})})]}):e.jsxs(e.Fragment,{children:[e.jsx(m,{icon:n,title:"Studio",actions:e.jsx(d,{asChild:!0,children:e.jsxs(a,{to:"/studio/slideshow/$projectId",params:{projectId:"new"},children:[e.jsx(l,{className:"mr-2 h-4 w-4"}),"New Slideshow"]})}),tabs:u,activeTab:r,onTabChange:s=>i(s)}),e.jsx("div",{className:"px-4 py-4 md:px-6 md:py-6",children:c.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center rounded-lg border border-dashed border-border py-12",children:[e.jsx(n,{className:"h-12 w-12 text-muted-foreground"}),e.jsx("p",{className:"mt-4 text-muted-foreground",children:"No projects yet"}),e.jsx(d,{className:"mt-4",variant:"outline",asChild:!0,children:e.jsxs(a,{to:"/studio/slideshow/$projectId",params:{projectId:"new"},children:[e.jsx(l,{className:"mr-2 h-4 w-4"}),"New Slideshow"]})})]}):e.jsx("div",{className:"grid grid-cols-3 gap-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6",children:c.map(s=>e.jsx(E,{project:s,onDelete:j=>x.mutate(j)},s.id))})})]})}export{J as component};