https://tailwindadmin-tanstack-pro-dark.netlify.app/assets/post-YCMv61AD.js

1import{j as e,L as p,r as h}from"./main-BkpAS6Tt.js";import{B as C}from"./BreadcrumbComp-DdXArMCY.js";import{l as x}from"./lodash-Cf87YYze.js";import{I as m}from"./iconify-BLAYqHQO.js";import{C as y}from"./CardBox-CY_4CfKs.js";import{B as j}from"./badge-BVkGl1_x.js";import{T as k,a as A,b as T,c as P}from"./tooltip-Ca_sQpWi.js";import{A as g,a as f,b as u}from"./avatar-Da6FP_Y6.js";import{C as F}from"./circle-DoQ76Nbd.js";import{f as v}from"./format-CNjrC8BB.js";import{B as N,a as L}from"./index-CuHgF00K.js";import{C as M}from"./card-DoRMGzGn.js";import{G as E}from"./index-Cio89AxW.js";import"./_commonjsHelpers-CE1G-McA.js";import"./index-Cft9Cwv8.js";import"./utils-4perknFd.js";import"./index-DRcYnjBa.js";import"./index-CfThMl9f.js";import"./index-L0SKbviM.js";import"./index-Jo9Y0u8a.js";import"./index-BHinUB-C.js";import"./index-DfANd6nE.js";import"./index-Ddz03csu.js";import"./floating-ui.dom-D7G01c1r.js";import"./index-B_H36sPx.js";import"./index-DjxFjNHx.js";import"./index-QqyytP6n.js";import"./index-Bj56izVu.js";import"./createLucideIcon-DRlH1f4M.js";import"./en-US-Dw4dfe3S.js";import"./toDate-BK_JsdFu.js";import"./chance-BLY6SEPW.js";import"./sub-BsIxGhQx.js";import"./addMonths-BQ1GswEf.js";import"./iconBase-DXJqPHOa.js";const I=({post:a})=>{const{coverImg:o,title:l,view:i,comments:c,category:n,author:s,createdAt:t}=a,r=l.toLowerCase().replace(/ /g,"-").replace(/[^\w-]+/g,"");return e.jsx("div",{className:"lg:col-span-4 md:col-span-6 col-span-12",children:e.jsxs(y,{className:"p-0 overflow-hidden group card-hover",children:[e.jsxs("div",{className:"relative",children:[e.jsxs(p,{to:"/apps/blog/detail/$postid",params:{postid:r},children:[e.jsx("div",{className:"overflow-hidden h-60",children:e.jsx("img",{src:o,alt:l,height:240,width:500,className:"w-full"})}),e.jsx(j,{variant:"secondary",className:"absolute bottom-8 end-6 rounded-md bg-white text-black",children:"2 min Read"})]}),e.jsx("div",{className:"flex justify-between items-center -mt-6 px-6",children:e.jsx(k,{children:e.jsxs(A,{children:[e.jsx(T,{asChild:!0,children:e.jsxs(g,{className:"h-10 w-10",children:[e.jsx(f,{src:s?.avatar,alt:s?.name}),e.jsx(u,{children:s?.name?.charAt(0)??"A"})]})}),e.jsx(P,{children:e.jsx("p",{children:s?.name})})]})})})]}),e.jsxs("div",{className:"px-6 pb-6",children:[e.jsx(j,{variant:"gray",className:"mt-3 rounded-md",children:n}),e.jsx("h5",{className:"text-xl py-6 group-hover:text-primary",children:e.jsx(p,{to:"/apps/blog/detail/$postid",params:{postid:r},children:l})}),e.jsxs("div",{className:"flex gap-3",children:[e.jsxs("div",{className:"flex gap-2 items-center text-darklink text-[15px]",children:[e.jsx(m,{icon:"tabler:eye",height:"18",className:"text-ld"})," ",i]}),e.jsxs("div",{className:"flex gap-2 items-center text-darklink text-[15px]",children:[e.jsx(m,{icon:"tabler:message-2",height:"18",className:"text-ld"})," ",c?.length]}),e.jsxs("div",{className:"ms-auto flex gap-2 items-center text-darklink text-[15px]",children:[e.jsx(F,{size:10,className:"text-ld"}),e.jsx("small",{children:v(new Date(t),"E, MMM d")})]})]})]})]})})},$=({post:a,index:o})=>{const{coverImg:l,title:i,view:c,comments:n,category:s,author:t,createdAt:r}=a,d=i.toLowerCase().replace(/ /g,"-").replace(/[^\w-]+/g,""),w=o===0,{setLoading:b}=h.useContext(N);return h.useEffect(()=>{const B=setTimeout(()=>{b(!1)},700);return()=>clearTimeout(B)},[]),e.jsx(e.Fragment,{children:a?e.jsx("div",{className:`lg:col-span-${w?8:4} md:col-span-12 col-span-12`,children:e.jsxs(M,{className:"w-full h-[400px] p-0 overflow-hidden flex-row shadow-none feature-card relative card-hover",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("img",{src:l,alt:i,className:"w-full h-full object-cover"}),e.jsx("div",{className:"absolute inset-0 bg-black opacity-50 mix-blend-multiply"})]}),e.jsx("div",{className:"absolute w-full h-full left-0 p-6",children:e.jsxs("div",{className:"flex flex-col h-full justify-between ",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsxs(g,{className:"h-10 w-10",children:[e.jsx(f,{src:t?.avatar,alt:t?.name}),e.jsx(u,{children:t?.name?t.name[0]:"?"})]}),e.jsx(j,{children:s})]}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-2xl text-white my-6",children:e.jsx(p,{to:"/apps/blog/detail/$postid",params:{postid:d},children:i})}),e.jsxs("div",{className:"flex  gap-3",children:[e.jsxs("div",{className:"flex gap-2 items-center text-white text-[15px]",children:[e.jsx(m,{icon:"tabler:eye",height:"18"})," ",c]}),e.jsxs("div",{className:"flex gap-2 items-center text-white text-[15px]",children:[e.jsx(m,{icon:"tabler:message-2",height:"18"})," ",n?.length]}),e.jsxs("div",{className:"ms-auto flex gap-2 items-center text-white text-[15px]",children:[e.jsx(E,{size:"16"}),e.jsx("small",{children:v(new Date(r??""),"E, MMM d")})]})]})]})]})})]})}):null})},D=()=>{const{posts:a,sortBy:o}=h.useContext(N),l=(s,t)=>{let r=[...s];return t==="newest"?r=x.orderBy(r,["createdAt"],["desc"]):t==="oldest"?r=x.orderBy(r,["createdAt"],["asc"]):t==="popular"&&(r=x.orderBy(r,["view"],["desc"])),r.filter(d=>!d.featured)},i=s=>s.filter(t=>t.featured),c=l(a,o),n=i(a);return e.jsxs("div",{className:"grid grid-cols-12 gap-6",children:[n.map((s,t)=>e.jsx($,{index:t,post:s},s.id)),c.map(s=>e.jsx(I,{post:s},s.id))]})},R=[{to:"/",title:"Home"},{title:"Blog app"}],z=()=>e.jsxs(e.Fragment,{children:[e.jsx(C,{title:"Blog app",items:R}),e.jsx(L,{children:e.jsx(D,{})})]});function Ne(){return e.jsx(e.Fragment,{children:e.jsx(z,{})})}

1export{Ne as component};