1import{r as l,j as e}from"./react-vendor-Camyk5Lt.js";import{u as c}from"./query-vendor-89MQqSJ_.js";import{e as b,c as p}from"./index-CLq98LKa.js";import{m as y}from"./motion-vendor-C_4ZiYtJ.js";import"./ui-vendor-C3yyLOkk.js";import"./charts-vendor-9onmIGdp.js";const x={admin:"#9B30F5",premium:"#7c3aed",free:"#9c84c9"},f={admin:"rgba(155,48,245,0.15)",premium:"rgba(124,58,237,0.15)",free:"#f0edf8"};function T(){const{token:n}=b(),[i,s]=l.useState(null),[a,g]=l.useState(""),{data:d=[],isLoading:u}=c({queryKey:["members"],queryFn:()=>p("/users",{},n)}),{data:t}=c({queryKey:["member-profile",i],queryFn:()=>p(`/users/${i}`,{},n),enabled:!!i}),m=d.filter(r=>r.username.toLowerCase().includes(a.toLowerCase()));return i&&t?e.jsxs("div",{style:{padding:"32px",maxWidth:"700px"},children:[e.jsx("button",{onClick:()=>s(null),style:{background:"none",border:"none",color:"#9c84c9",cursor:"pointer",fontSize:"14px",marginBottom:"24px",display:"block"},children:"â Members"}),e.jsxs("div",{style:{background:"#ffffff",border:"1px solid #ebe8f3",borderRadius:"20px",padding:"32px",textAlign:"center"},children:[e.jsx("div",{style:{width:"80px",height:"80px",borderRadius:"50%",background:"linear-gradient(135deg,#7c3aed,#9333ea)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"32px",fontWeight:800,color:"#1a1035",margin:"0 auto 16px"},children:t.username[0]?.toUpperCase()}),e.jsx("h2",{style:{fontSize:"22px",fontWeight:800,color:"#1a1035",margin:"0 0 8px"},children:t.username}),e.jsx("span",{style:{padding:"4px 14px",borderRadius:"20px",background:f[t.role]||"#f0edf8",color:x[t.role]||"#6b7280",fontSize:"12px",fontWeight:700,textTransform:"uppercase",letterSpacing:"0.06em"},children:t.role}),t.bio&&e.jsx("p",{style:{fontSize:"14px",color:"#6b7280",lineHeight:1.6,marginTop:"20px"},children:t.bio}),e.jsxs("div",{style:{display:"flex",justifyContent:"center",gap:"32px",marginTop:"24px"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:"24px",fontWeight:800,color:"#a78bfa"},children:Number(t.postCount||0)}),e.jsx("div",{style:{fontSize:"11px",color:"#9c84c9",textTransform:"uppercase",letterSpacing:"0.06em"},children:"posts"})]}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:"24px",fontWeight:800,color:"#a78bfa"},children:Number(t.threadCount||0)}),e.jsx("div",{style:{fontSize:"11px",color:"#9c84c9",textTransform:"uppercase",letterSpacing:"0.06em"},children:"threads"})]}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:"16px",fontWeight:700,color:"#6b7280"},children:new Date(t.createdAt).toLocaleDateString()}),e.jsx("div",{style:{fontSize:"11px",color:"#9c84c9",textTransform:"uppercase",letterSpacing:"0.06em"},children:"member since"})]})]})]})]}):e.jsxs("div",{style:{padding:"32px",maxWidth:"1000px"},children:[e.jsxs("div",{style:{marginBottom:"28px"},children:[e.jsx("h1",{style:{fontSize:"24px",fontWeight:800,color:"#1a1035",margin:"0 0 6px"},children:"Members"}),e.jsxs("div",{style:{fontSize:"14px",color:"#9c84c9"},children:[d.length," community members"]})]}),e.jsx("input",{value:a,onChange:r=>g(r.target.value),placeholder:"Search members...",style:{padding:"12px 16px",background:"#f7f5fd",border:"1px solid #ede9f7",borderRadius:"10px",color:"#1a1035",fontFamily:"Manrope, sans-serif",fontSize:"14px",width:"300px",marginBottom:"20px",boxSizing:"border-box"}}),u?e.jsx("div",{style:{color:"#9c84c9",textAlign:"center",padding:"40px"},children:"Loading..."}):e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:"12px"},children:m.map((r,h)=>e.jsxs(y.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{delay:h*.03},onClick:()=>s(r.id),style:{background:"#ffffff",border:"1px solid #ebe8f3",borderRadius:"14px",padding:"20px",textAlign:"center",cursor:"pointer",transition:"all 0.15s"},onMouseEnter:o=>{o.currentTarget.style.background="rgba(124,58,237,0.1)",o.currentTarget.style.borderColor="rgba(124,58,237,0.25)"},onMouseLeave:o=>{o.currentTarget.style.background="#ffffff",o.currentTarget.style.borderColor="#ebe8f3"},children:[e.jsx("div",{style:{width:"48px",height:"48px",borderRadius:"50%",background:r.role==="admin"?"linear-gradient(135deg,#9B30F5,#9333ea)":r.role==="premium"?"linear-gradient(135deg,#7c3aed,#6366f1)":"#e8e2f8",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"20px",fontWeight:800,color:r.role==="free"?"#7c3aed":"#ffffff",margin:"0 auto 12px"},children:r.username[0]?.toUpperCase()}),e.jsx("div",{style:{fontSize:"15px",fontWeight:700,color:"#1a1035",marginBottom:"6px"},children:r.username}),e.jsx("span",{style:{padding:"3px 10px",borderRadius:"20px",background:f[r.role]||"#f0edf8",color:x[r.role]||"#6b7280",fontSize:"10px",fontWeight:700,textTransform:"uppercase",letterSpacing:"0.05em"},children:r.role}),e.jsxs("div",{style:{fontSize:"11px",color:"#b8aed4",marginTop:"10px"},children:["since ",new Date(r.createdAt).toLocaleDateString()]})]},r.id))})]})}export{T as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.