https://hhaifa.com/assets/news.index-CEBpTGC8.js

1import{i as e,s as t}from"./useRouter-DEHTVo4Z.js";import{t as n}from"./useSuspenseQuery-BNTJ63OH.js";import{Ct as r,b as i,bt as a,m as o,v as s}from"./index-B5eSkKHh.js";import{t as c}from"./club-crest-D9VVyhRw.js";import{i as l}from"./article-kinds-DVG7TIzi.js";import{r as u,t as d}from"./site-header-Bgn1WnJO.js";import{t as f}from"./article-cover-dFzCqnWr.js";import{t as p}from"./ad-slot-CD4PJzLY.js";import{r as m}from"./article-structure-DbKTMCfk.js";import{t as h}from"./celebration-CRHJ0KfR.js";var g=t(e()),_=r();function v(){let[e,t]=(0,g.useState)(30),{data:r}=n(s(e)),{data:i}=n(o);return(0,_.jsxs)(`div`,{className:`min-h-screen bg-ash font-body text-cream`,children:[(0,_.jsx)(d,{}),(0,_.jsxs)(`div`,{className:`shell py-6 lg:pb-16`,children:[(0,_.jsxs)(`div`,{className:`flex items-center justify-between lg:hidden`,children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-2.5`,children:[(0,_.jsx)(c,{className:`size-10`}),(0,_.jsx)(`h1`,{className:`font-display text-2xl font-extrabold lg:text-3xl`,children:`כל החדשות`})]}),(0,_.jsx)(a,{to:`/`,className:`rounded-full bg-cream/10 px-3 py-2 text-[13px] font-semibold`,children:`לעמוד הבית`})]}),(0,_.jsxs)(`div`,{className:`relative mt-10 mb-2 hidden overflow-hidden rounded-[28px] ring-1 ring-cream/10 lg:block`,children:[(0,_.jsx)(`img`,{src:h,alt:`שחקני הפועל חיפה חוגגים שער באצטדיון סמי עופר`,width:1800,height:600,className:`h-52 w-full object-cover object-[50%_30%]`}),(0,_.jsx)(`div`,{className:`absolute inset-0 bg-linear-to-l from-ash via-ash/85 to-ash/25`}),(0,_.jsxs)(`div`,{className:`absolute inset-0 flex flex-col justify-center px-9`,children:[(0,_.jsx)(`h1`,{className:`font-display text-4xl font-extrabold`,children:`כל החדשות`}),(0,_.jsx)(`p`,{className:`mt-2 max-w-[42ch] text-[14px] text-cream-dim`,children:`עדכונים, סיקורי משחק, החתמות, ראיונות וטורים.`})]})]}),(0,_.jsxs)(`div`,{className:`mt-5 space-y-4 sm:columns-2 sm:gap-4 sm:space-y-0 lg:columns-3 lg:gap-6`,children:[r.map(e=>{let t=l(e.meta).match_id,n=t?i.find(e=>e.id===t):void 0;return(0,_.jsx)(y,{article:e,match:n},e.id)}),r.length===0&&(0,_.jsx)(`p`,{className:`text-center text-sm text-cream-dim`,children:`עוד לא פורסמו כתבות.`})]}),r.length>=e&&(0,_.jsx)(`button`,{type:`button`,onClick:()=>t(e=>e+30),className:`mt-4 w-full rounded-full bg-cream/10 py-3 text-[13px] font-bold text-cream transition-colors hover:bg-cream/15 lg:mx-auto lg:mt-8 lg:block lg:w-auto lg:px-10`,children:`עוד כתבות`})]}),(0,_.jsx)(`div`,{className:`shell`,children:(0,_.jsx)(p,{id:`listing`})}),(0,_.jsx)(u,{})]})}function y({article:e,match:t}){let[n,r]=(0,g.useState)(!!e.image_url);return(0,_.jsxs)(a,{to:`/news/$articleId`,params:{articleId:e.id},className:`group mb-4 flex break-inside-avoid flex-col overflow-hidden rounded-[22px] bg-ash-soft ring-1 ring-cream/10 transition-all active:scale-[0.99] hover:ring-cream/25 sm:mb-4 lg:mb-6 lg:active:scale-100 lg:hover:-translate-y-1`,children:[(0,_.jsx)(f,{src:e.image_url,alt:e.title,wrapperClassName:`relative aspect-[16/9] w-full overflow-hidden bg-lava-deep/30`,imgClassName:`h-full w-full object-cover transition-transform duration-500 lg:group-hover:scale-[1.03]`,onResolved:r,children:(0,_.jsx)(`span`,{className:`absolute end-3 top-3 rounded-full bg-lava px-2.5 py-1 text-[10px] font-bold text-cream ring-1 ring-black/10`,children:e.category})}),(0,_.jsxs)(`div`,{className:`flex flex-1 flex-col p-4 lg:p-5`,children:[(0,_.jsxs)(`p`,{className:`flex items-center gap-2 text-[11px] font-semibold text-magma lg:text-[12px]`,children:[!n&&(0,_.jsx)(`span`,{className:`rounded-full bg-lava px-2 py-0.5 text-[10px] font-bold text-cream`,children:e.category}),i(e.published_at)]}),(0,_.jsx)(`h2`,{className:`mt-1 font-display text-lg font-bold leading-snug lg:text-xl`,children:(0,_.jsx)(`bdi`,{children:e.title})}),e.excerpt&&(0,_.jsx)(`p`,{className:`mt-1.5 line-clamp-3 text-[13px] leading-relaxed text-cream-dim lg:text-[15px]`,children:(0,_.jsx)(`bdi`,{children:e.excerpt})}),t&&(0,_.jsx)(`div`,{className:`pt-3`,children:(0,_.jsx)(m,{match:t})})]})]})}export{v as component};