https://the-lost-art.com/assets/FeaturedDJTab-DGb67sph.js

1import{r as o,j as e}from"./react-vendor-BS-Esnrx.js";import{F as l}from"./dj-feature-BhX2-AdB.js";import{am as c,l as b,f as p,g as u,j as h,Z as y,A as j,E as v}from"./lucide-ke3X4oaS.js";import"./dj-data-Dd6c-HdA.js";import"./motion-BN_7uyJg.js";const s="#00ccff",x={label:{fontFamily:"ui-monospace, monospace",fontSize:10,letterSpacing:"0.15em",textTransform:"uppercase",color:s,fontWeight:700}};function f({url:i,name:r,size:t=64}){const[a,d]=o.useState(!1);return i&&!a?e.jsx("img",{src:i,alt:r,onError:()=>d(!0),style:{width:t,height:t,borderRadius:"50%",objectFit:"cover",border:"2px solid rgba(0,204,255,0.4)",flexShrink:0}}):e.jsx("div",{style:{width:t,height:t,borderRadius:"50%",background:"linear-gradient(135deg, #1e3a5f, #0f172a)",border:"2px solid rgba(0,204,255,0.4)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:t*.35,flexShrink:0},children:"🎧"})}function S({featured:i}){const r=i.profile;return r?e.jsxs("div",{style:{background:"linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%)",border:"1px solid rgba(0,204,255,0.4)",borderRadius:16,overflow:"hidden",boxShadow:"0 0 40px rgba(0,204,255,0.15)",marginBottom:24},children:[e.jsxs("div",{style:{height:140,background:r.bannerUrl?`url(${r.bannerUrl}) center/cover`:"linear-gradient(135deg, #020617, #1e3a5f, #020617)",position:"relative"},children:[e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(to bottom, transparent 40%, rgba(2,6,23,0.9))"}}),e.jsxs("div",{style:{position:"absolute",top:12,left:12,display:"flex",alignItems:"center",gap:6,background:"rgba(0,0,0,0.7)",borderRadius:20,padding:"4px 12px"},children:[e.jsx(c,{size:12,style:{color:"#fbbf24"}}),e.jsxs("span",{style:{fontSize:10,fontFamily:"ui-monospace, monospace",letterSpacing:"0.15em",color:"#fbbf24",fontWeight:700},children:["FEATURED DJ. WEEK ",i.weekOf]})]})]}),e.jsxs("div",{style:{padding:"0 24px 24px",marginTop:-40,position:"relative"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"flex-end",gap:16,marginBottom:16},children:[e.jsxs("div",{style:{position:"relative"},children:[e.jsx(f,{url:r.avatarUrl,name:r.displayName||r.username,size:80}),e.jsx("div",{style:{position:"absolute",bottom:-4,right:-4,background:"#fbbf24",borderRadius:"50%",width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",border:"2px solid #0f172a"},children:e.jsx(c,{size:12,style:{color:"#020617"}})})]}),e.jsxs("div",{style:{paddingBottom:4},children:[e.jsx("h2",{style:{margin:"0 0 2px",color:"#e2e8f0",fontSize:22,fontWeight:900},children:e.jsx(l,{devId:"d62e40",guard:{file:"src/components/community/FeaturedDJTab.tsx",tagName:"h2",sourceKind:"bound-expression",contentKey:null,contentKeyTemplate:null,expressionHash:"sha256:6b72a272d494a8892aad2afda3945908679c08c084197677d3b29ea3d6967727"},children:r.displayName||r.username})}),e.jsxs("div",{style:{color:s,fontSize:12,fontFamily:"ui-monospace, monospace"},children:["@",r.username]})]})]}),i.headline&&e.jsx("div",{style:{background:"rgba(0,204,255,0.08)",border:"1px solid rgba(0,204,255,0.2)",borderRadius:8,padding:"10px 14px",marginBottom:14},children:e.jsxs("p",{style:{margin:0,color:"#e2e8f0",fontSize:14,fontStyle:"italic",lineHeight:1.5},children:['"',i.headline,'"']})}),i.blurb&&e.jsx("p",{style:{color:"#e2e8f0",fontSize:13,lineHeight:1.6,marginBottom:14},children:e.jsx(l,{devId:"a91f0d",guard:{file:"src/components/community/FeaturedDJTab.tsx",tagName:"p",sourceKind:"bound-expression",contentKey:null,contentKeyTemplate:null,expressionHash:"sha256:3bf74c0bccf9d09f55a2af630ad02c53d8e4fb840549da7501c13d722992d3dc"},children:i.blurb})}),r.bio&&!i.blurb&&e.jsxs("p",{style:{color:"#e2e8f0",fontSize:13,lineHeight:1.6,marginBottom:14},children:[r.bio.slice(0,200),r.bio.length>200?"…":""]}),e.jsxs("div",{style:{display:"flex",gap:16,fontSize:12,color:"#e2e8f0",marginBottom:16,flexWrap:"wrap"},children:[r.djGenre&&e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:4},children:[e.jsx(p,{size:11}),r.djGenre]}),(r.city||r.country)&&e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:4},children:[e.jsx(u,{size:11}

1),[r.city,r.country].filter(Boolean).join(", ")]}),r.yearsActive&&e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:4},children:[e.jsx(h,{size:11}),r.yearsActive," yrs active"]})]}),e.jsx("div",{style:{display:"flex",gap:16,marginBottom:16},children:[["Followers",r.followersCount],["Posts",r.postsCount]].map(([t,a])=>e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx("div",{style:{fontSize:18,fontWeight:900,color:s},children:a}),e.jsx("div",{style:{fontSize:10,color:"#e2e8f0"},children:t})]},String(t)))}),e.jsxs("div",{style:{display:"flex",gap:10,flexWrap:"wrap"},children:[e.jsx("a",{href:`/members/${r.username}`,style:{background:s,color:"#020617",borderRadius:8,padding:"8px 16px",fontSize:13,fontWeight:700,textDecoration:"none",display:"flex",alignItems:"center",gap:6},children:"View Profile"}),i.mixUrl&&e.jsxs("a",{href:i.mixUrl,target:"_blank",rel:"noopener noreferrer",style:{background:"rgba(0,204,255,0.1)",color:s,border:"1px solid rgba(0,204,255,0.3)",borderRadius:8,padding:"8px 16px",fontSize:13,fontWeight:700,textDecoration:"none",display:"flex",alignItems:"center",gap:6},children:[e.jsx(p,{size:13})," Featured Mix"]})]})]})]}):null}function z({spotlight:i}){const r=i.profile;return r?e.jsxs("div",{style:{background:"#0f172a",border:"1px solid #1e293b",borderRadius:12,padding:16,transition:"border-color 0.15s"},onMouseEnter:t=>t.currentTarget.style.borderColor=s,onMouseLeave:t=>t.currentTarget.style.borderColor="#1e293b",children:[e.jsxs("div",{style:{display:"flex",gap:12,marginBottom:10},children:[e.jsx(f,{url:r.avatarUrl,name:r.displayName||r.username,size:48}),e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e.jsx("h3",{style:{margin:0,fontSize:14,color:"#e2e8f0",fontWeight:700},children:e.jsx(l,{devId:"6ae7bf",guard:{file:"src/components/community/FeaturedDJTab.tsx",tagName:"h3",sourceKind:"bound-expression",contentKey:null,contentKeyTemplate:null,expressionHash:"sha256:6b72a272d494a8892aad2afda3945908679c08c084197677d3b29ea3d6967727"},children:r.displayName||r.username})}),e.jsx(y,{size:12,style:{color:"#fbbf24",flexShrink:0}})]}),e.jsxs("div",{style:{fontSize:11,color:"#e2e8f0"},children:["@",r.username]}),(r.city||r.country)&&e.jsx("div",{style:{fontSize:11,color:"#e2e8f0",marginTop:2},children:[r.city,r.country].filter(Boolean).join(", ")})]})]}),i.achievement&&e.jsxs("div",{style:{background:"rgba(251,191,36,0.08)",border:"1px solid rgba(251,191,36,0.2)",borderRadius:6,padding:"6px 10px",marginBottom:8,display:"flex",alignItems:"center",gap:6},children:[e.jsx(j,{size:12,style:{color:"#fbbf24",flexShrink:0}}),e.jsx("span",{style:{fontSize:12,color:"#fbbf24",fontWeight:600},children:e.jsx(l,{devId:"9d6fcf",guard:{file:"src/components/community/FeaturedDJTab.tsx",tagName:"span",sourceKind:"bound-expression",contentKey:null,contentKeyTemplate:null,expressionHash:"sha256:87104ab00a97a06c09373be958cbee13a4a24fe467bb1cf8edb064ba3f4dbfc9"},children:i.achievement})})]}),i.headline&&e.jsxs("p",{style:{margin:"0 0 8px",fontSize:12,color:"#e2e8f0",fontStyle:"italic"},children:['"',i.headline,'"']}),i.blurb&&e.jsxs("p",{style:{margin:"0 0 10px",fontSize:12,color:"#e2e8f0",lineHeight:1.4},children:[i.blurb.slice(0,100),i.blurb.length>100?"…":""]}),e.jsxs("a",{href:`/members/${r.username}`,style:{fontSize:12,color:s,textDecoration:"none",display:"flex",alignItems:"center",gap:4},children:["View Profile ",e.jsx(v,{size:10})]})]}):null}function I(){const[i,r]=o.useState(null),[t,a]=o.useState([]),[d,g]=o.useState(!0);return o.useEffect(()=>{fetch("/api/community/featured",{credentials:"include"}).then(n=>n.ok?n.json():null).then(n=>{n&&(r(n.featuredDj),a(n.spotlights??[]))}).finally(()=>g(!1))},[]),d?e.jsxs("div",{children:[e.jsx("div",{style:{height:280,background:"#0f172a",borderRadius:16,marginBottom:24}}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:12},children:[...Array(4)].map((n,m)=>e.jsx("div",{style:{height:160,background:"#0f172a",borderRadius:12}},m))})]}):e.jsxs("div",{children:[e.jsx("div",{style:{...x.label,marginBottom:14},children:"Weekly Featured DJ"}),i?e.jsx(S,{featured:i}):e.jsxs("div",{style:{background:"#0f172a",border:"1px solid #1e293b",borderRadius:16,padding:32,textAlign:"center",marginBottom:24},children:[e.jsx(c,{size:36,style:{color:"#94a3b8",marginBottom:10}}),e.jsx("p",{style:{margin:0,color:"#e2e8f0",fontSize:14},children:"No featured DJ this week yet."}),e.jsx("p",{style:{margin:"6px 0 0",color:"#94a3b8",fontSize:12},children:"Admins can nominate a DJ from the admin panel."})]}),e.jsx("div",{style:{...x.label,marginBottom:14},children:"Member Spotlights"}),t.length===0?e.jsxs("div",{style:{background:"#0f172a",border:"1px solid #1e293b",borderRadius:12,padding:24,textAlign:"center"},children:[e.jsx(b,{size:28,style:{color:"#94a3b8",marginBottom:8}}),e.jsx("p",{style:{margin:0,color:"#e2e8f0",fontSize:13},children:"No spotlights yet."})]}):e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:12},children:t.map(n=>e.jsx(z,{spotlight:n},n.id))})]})}export{I as default};