https://wowworld.io/assets/SearchResults-D9iA5xxA.js

1import{u as g,c as h,r as u,j as e,N as f,L as d,w as c,F as b}from"./index-DVUiJX_q.js";import{A as p}from"./arrow-left-B5gBrnfm.js";import{E as y}from"./eye-BOP2VguO.js";const N=["All","AI Art","Generative","Architecture","Digital Sculpture","AI Architecture","AI Fashion","Interactive","Installation","Environmental","Landscape"];function j({project:s}){const l=s.badge==="original";return e.jsx(d,{href:`/projects/${s.slug??s.id}`,className:"no-underline group","data-testid":`search-result-${s.id}`,children:e.jsxs("div",{className:"flex gap-5 p-4 rounded-xl transition-all duration-200 group-hover:shadow-md",style:{background:"#14141c",border:"1px solid rgba(255,255,255,0.10)"},children:[s.imageUrl&&e.jsx("div",{className:"flex-shrink-0 w-28 h-28 md:w-36 md:h-28 rounded-lg overflow-hidden",children:e.jsx("img",{src:s.imageUrl,alt:s.title,className:"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"})}),e.jsxs("div",{className:"flex-1 min-w-0 flex flex-col justify-center",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1.5",children:[e.jsx("span",{className:"font-sans text-[0.6rem] tracking-[0.12em] uppercase font-semibold px-2 py-0.5 rounded-full",style:{background:l?"rgba(255,255,255,0.06)":"rgba(217,43,43,0.12)",color:l?"#f5f2ec":"#d92b2b"},"data-testid":`badge-${s.id}`,children:l?"Editorial":s.badge==="aggregated"?"News":s.badge}),e.jsx("span",{className:"font-sans text-[0.6rem] tracking-[0.08em] uppercase",style:{color:"rgba(245,242,236,0.45)"},children:s.category})]}),e.jsx("h3",{className:"font-heading text-[0.95rem] md:text-[1.05rem] leading-tight mb-1 truncate",style:{color:"#f5f2ec",fontWeight:800},"data-testid":`title-${s.id}`,children:s.title}),e.jsx("p",{className:"font-sans text-[0.78rem] leading-relaxed line-clamp-2 mb-2",style:{color:"rgba(245,242,236,0.65)",fontWeight:300},children:s.description}),e.jsxs("div",{className:"flex items-center gap-4",children:[s.source&&e.jsx("span",{className:"font-sans text-[0.6rem]",style:{color:"rgba(245,242,236,0.45)"},children:s.source}),(s.viewCount??0)>0&&e.jsxs("span",{className:"font-sans text-[0.6rem] flex items-center gap-1",style:{color:"rgba(245,242,236,0.45)"},children:[e.jsx(y,{className:"w-3 h-3"})," ",s.viewCount]})]})]})]})})}function k(){const[s,l]=g(),o=new URLSearchParams(s.split("?")[1]||""),t=o.get("q")||"",n=o.get("category")||"All",m=`/api/search?q=${encodeURIComponent(t)}&category=${encodeURIComponent(n)}`,{data:r,isLoading:i}=h({queryKey:[m],enabled:t.length>0});u.useEffect(()=>(document.title=t?`Search: "${t}" | WOW WORLD`:"Search | WOW WORLD",()=>{document.title="WOW WORLD"}),[t]);const x=a=>{l(`/search?q=${encodeURIComponent(t)}&category=${encodeURIComponent(a)}`)};return e.jsxs("div",{style:{background:"#0b0b10",minHeight:"100vh"},children:[e.jsx(f,{}),e.jsxs("div",{className:"pt-28 pb-20 px-6 md:px-16 max-w-5xl mx-auto",children:[e.jsxs(d,{href:"/",className:"no-underline inline-flex items-center gap-1.5 mb-6 transition-opacity hover:opacity-70",style:{color:"rgba(245,242,236,0.45)"},children:[e.jsx(p,{className:"w-3.5 h-3.5"}),e.jsx("span",{className:"font-sans text-[0.72rem] tracking-[0.1em] uppercase font-medium",children:"Back"})]}),e.jsxs("div",{className:"mb-8",children:[e.jsx("h1",{className:"font-heading text-[1.8rem] md:text-[2.4rem] leading-none mb-2",style:{color:"#f5f2ec",fontWeight:800},"data-testid":"text-search-heading",children:t?e.jsxs(e.Fragment,{children:["Search results for ",e.jsxs("span",{style:{color:"#d92b2b"},children:['"',t,'"']})]}):"Search"}),r&&t&&e.jsxs("p",{className:"font-sans text-[0.85rem]",style:{color:"rgba(245,242,236,0.45)",fontWeight:300},"data-testid":"text-result-count",children:[r.length," ",r.length===1?"result":"results"," found"]})]}),e.jsx("div",{className:"flex flex-wrap gap-2 mb-8","data-testid":"filter-categories",children:N.map(a=>e.jsx("button",{onClick:()=>x(a),"data-testid":`filter-${a.toLowerCase().replace(/\s+/g,"-")}`,className:"font-sans text-[0.68rem] tracking-[0.1em] uppercase py-2 px-4 rounded-full border-none cursor-pointer transition-all duration-200 font-medium",style:{background:n===a?"#0e1f5e":"rgba(255,255,255,0.06)",color:n===a?"#fff":"rgba(245,242,236,0.65)",boxShadow:n===a?"none":"inset 0 0 0 1px rgba(255,255,255,0.10)"},children:a},a))}),i&&t&&e.jsx("div",{className:"flex flex-col gap-4",children:[1,2,3,4].map(a=>e.jsxs("div",{className:"animate-pulse flex gap-5 p-4 rounded-xl",style:{background:"#14141c"},children:[e.jsx("div",{className:"w-28 h-28 rounded-lg",style:{background:"rgba(255,255,255,0.06)"}}),e.jsxs("div",{className:"flex-1 flex flex-col justify-center gap-2",children:[e.jsx("div",{className:"h-3 rounded",style:{background:"rgba(255,255,255,0.06)",width:"30%"}}),e.jsx("div",{className:"h-5 rounded",style:{background:"rgba(255,255,255,0.06)",width:"70%"}}),e.jsx("div",{className:"h-3 rounded",style:{background:"rgba(255,255,255,0.06)",width:"90%"}})]})]},a))}),!i&&t&&r&&r.length===0&&e.jsxs("div",{className:"text-center py-20",children:[e.jsx(c,{className:"w-12 h-12 mx-auto mb-4",style:{color:"rgba(245,242,236,0.15)"}}),e.jsx("h3",{className:"font-heading text-lg mb-2",style:{color:"#f5f2ec",fontWeight:800},"data-testid":"text-no-results",children:"No results found"}),e.jsx("p",{className:"font-sans text-sm",style:{color:"rgba(245,242,236,0.45)",fontWeight:300},children:"Try different keywords or browse our categories above."})]}),!i&&r&&r.length>0&&e.jsx("div",{className:"flex flex-col gap-3","data-testid":"search-results-list",children:r.map(a=>e.jsx(j,{project:a},a.id))}),!t&&e.jsxs("div",{className:"text-center py-20",children:[e.jsx(c,{className:"w-12 h-12 mx-auto mb-4",style:{color:"rgba(245,242,236,0.15)"}}),e.jsx("h3",{className:"font-heading text-lg mb-2",style:{color:"#f5f2ec",fontWeight:800},children:"Search WOW WORLD"}),e.jsx("p",{className:"font-sans text-sm",style:{color:"rgba(245,242,236,0.45)",fontWeight:300},children:"Find articles, artists, and features across our magazine."})]})]}),e.jsx(b,{})]})}

1export{k as default};