https://www.dotdot.cc/assets/Blog-CxqIqsOI.js

1import{b as N,r as g,t as b,j as e,L as p}from"./index-Bf_Vc9Ft.js";import{N as h,S as v,R as f,a as B,F as y}from"./Footer-D5H3yRZR.js";import"./external-link-LqmD_Ha2.js";import"./x-pAUbdbcg.js";import"./mail-BiEiWZPp.js";import"./phone-BjLZeT_T.js";import"./shield-check-Cs7NYaEs.js";const j=["all","收款與TWQR","信用卡與刷卡機","業態收款","點餐與自助","餐廳網路","外送整合","經營與法規","公司動態"];function S(){const{t}=N(),[l,r]=g.useState(1),[a,m]=g.useState(void 0),{data:o,isLoading:x}=b.blog.list.useQuery({page:l,limit:9,category:a||void 0}),u={all:t.blog.categories.all,收款與TWQR:"收款與 TWQR",信用卡與刷卡機:"信用卡與刷卡機",業態收款:"業態收款",點餐與自助:"點餐與自助",餐廳網路:"餐廳網路",外送整合:"外送整合",經營與法規:"經營與法規",公司動態:"公司動態"},c=o?Math.ceil(o.total/9):1;return e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:50",className:"min-h-screen bg-white",children:[e.jsxDEV(h,{"data-loc":"client/src/pages/Blog.tsx:51"},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:51,columnNumber:7},this),e.jsxDEV("section",{"data-loc":"client/src/pages/Blog.tsx:54",className:"pt-32 pb-16",style:{background:"linear-gradient(135deg, oklch(0.12 0.02 240), oklch(0.18 0.04 240))"},children:e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:58",className:"container mx-auto px-4 lg:px-8 text-center text-white",children:[e.jsxDEV(v,{"data-loc":"client/src/pages/Blog.tsx:59",as:"h1",text:t.blog.title,className:"text-5xl font-black mb-4"},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:59,columnNumber:11},this),e.jsxDEV("p",{"data-loc":"client/src/pages/Blog.tsx:60",className:"text-white/70 text-lg max-w-xl mx-auto",children:t.blog.subtitle},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:60,columnNumber:11},this)]},void 0,!0,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:58,columnNumber:9},this)},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:54,columnNumber:7},this),e.jsxDEV("section",{"data-loc":"client/src/pages/Blog.tsx:69",className:"py-8 bg-white border-b border-gray-100",children:e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:70",className:"container mx-auto px-4 lg:px-8",children:e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:71",className:"flex flex-wrap gap-2 justify-center",children:j.map(s=>e.jsxDEV("button",{"data-loc":"client/src/pages/Blog.tsx:73",onClick:()=>{m(s==="all"?void 0:s),r(1)},className:`px-4 py-2 rounded-xl text-sm font-medium transition-colors ${s==="all"&&!a||s===a?"text-white":"bg-gray-100 text-gray-600 hover:bg-gray-200"}`,style:s==="all"&&!a||s===a?{background:"var(--brand-orange)"}:{},children:u[s]},s,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:73,columnNumber:15},this))},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:71,columnNumber:11},this)},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:70,columnNumber:9},this)},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:69,columnNumber:7},this),e.jsxDEV("section",{"data-loc":"client/src/pages/Blog.tsx:98",className:"py-16 bg-gray-50",children:e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:99",className:"container mx-auto px-4 lg:px-8",children:[x?e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:101",className:"grid md:grid-cols-2 lg:grid-cols-3 gap-6",children:Array.from({length:6}).map((s,i)=>e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:103",className:"bg-white rounded-2xl overflow-hidden border border-gray-100 animate-pulse",children:[e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:104",className:"w-full h-48 bg-gray-200"},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:104,columnNumber:19},this),e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:105",className:"p-6 space-y-3",children:[e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:106",className:"h-4 bg-gray-200 rounded w-1/4"},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:106,columnNumber:21},this),e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:107",className:"h-5 bg-gray-200 rounded"},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:107,columnNumber:21},this),e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:108",className:"h-4 bg-gray-200 rounded w-3/4"},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:108,columnNumber:21},this)]},void 0,!0,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:105,columnNumber:19},this)]},i,!0,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:103,columnNumber:17},this))},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:101,columnNumber:13},this):o&&o.posts.length>0?e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:114",className:"grid md:grid-cols-2 lg:grid-cols-3 gap-6",children:o.posts.map((s,i)=>{const d=s.titleZh,n=s.summaryZh;return e.jsxDEV(f,{"data-loc":"client/src/pages/Blog.tsx:119",delay:i%3*90,children:e.jsxDEV(p,{"data-loc":"client/src/pages/Blog.tsx:120",href:`/blog/${s.slug}`,children:e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:121",className:"bg-white rounded-2xl overflow-hidden border border-gray-100 card-hover h-full flex flex-col",children:[s.coverImage?e.jsxDEV(B,{"data-loc":"client/src/pages/Blog.tsx:123",className:"w-full h-48",children:e.jsxDEV("img",{"data-loc":"client/src/pages/Blog.tsx:124",src:s.coverImage,alt:d,className:"w-full h-48 object-cover"},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:124,columnNumber:27},this)},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:123,columnNumber:25},this):e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:127",className:"w-full h-48 flex items-center justify-center",style:{background:"oklch(0.95 0.05 45)"},children:e.jsxDEV("span",{"data-loc":"client/src/pages/Blog.tsx:131",className:"text-4xl",children:"📰"},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:131,columnNumber:27},this)},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:127,columnNumber:25},this),e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:134",className:"p-6 flex flex-col flex-1",children:[s.category&&e.jsxDEV("span",{"data-loc":"client/src/pages/Blog.tsx:136",className:"text-xs font-semibold px-2.5 py-1 rounded-full w-fit",style:{background:"oklch(0.95 0.05 45)",color:"var(--brand-orange)"},children:s.category},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:136,columnNumber:27},this),e.jsxDEV("h3",{"data-loc":"client/src/pages/Blog.tsx:143",className:"font-bold text-gray-900 mt-3 mb-2 line-clamp-2 flex-1",children:d},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:143,columnNumber:25},this),n&&e.jsxDEV("p",{"data-loc":"client/src/pages/Blog.tsx:145",className:"text-sm text-gray-500 line-clamp-2 mb-4",children:n},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:145,columnNumber:27},this),e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:147",className:"flex items-center justify-between mt-auto",children:[e.jsxDEV("span",{"data-loc":"client/src/pages/Blog.tsx:148",className:"text-xs text-gray-400",children:s.publishedAt?new Date(s.publishedAt).toLocaleDateString("zh-TW"):""},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:148,columnNumber:27},this),e.jsxDEV("span",{"data-loc":"client/src/pages/Blog.tsx:153",className:"text-xs font-semibold",style:{color:"var(--brand-orange)"},children:[t.blog.readMore," →"]},void 0,!0,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:153,columnNumber:27},this)]},void 0,!0,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:147,columnNumber:25},this)]},void 0,!0,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:134,columnNumber:23},this)]},void 0,!0,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:121,columnNumber:21},this)},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:120,columnNumber:19},this)},s.id,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:119,columnNumber:19},this)})},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:114,columnNumber:13},this):e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:165",className:"text-center py-20",children:[e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:166",className:"text-6xl mb-4",children:"📝"},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:166,columnNumber:15},this),e.jsxDEV("p",{"data-loc":"client/src/pages/Blog.tsx:167",className:"text-gray-500 text-lg",children:t.blog.noPosts},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:167,columnNumber:15},this)]},void 0,!0,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:165,columnNumber:13},this),c>1&&e.jsxDEV("div",{"data-loc":"client/src/pages/Blog.tsx:173",className:"flex justify-center gap-2 mt-12",children:[e.jsxDEV("button",{"data-loc":"client/src/pages/Blog.tsx:174",onClick:()=>r(Math.max(1,l-1)),disabled:l===1,className:"px-4 py-2 rounded-xl text-sm font-medium bg-white border border-gray-200 disabled:opacity-40 hover:border-orange-300 transition-colors",children:t.common.prev},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:174,columnNumber:15},this),Array.from({length:c},(s,i)=>i+1).map(s=>e.jsxDEV("button",{"data-loc":"client/src/pages/Blog.tsx:182",onClick:()=>r(s),className:`w-10 h-10 rounded-xl text-sm font-medium transition-colors ${s===l?"text-white":"bg-white border border-gray-200 hover:border-orange-300"}`,style:s===l?{background:"var(--brand-orange)"}:{},children:s},s,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:182,columnNumber:17},this)),e.jsxDEV("button",{"data-loc":"client/src/pages/Blog.tsx:193",onClick:()=>r(Math.min(c,l+1)),disabled:l===c,className:"px-4 py-2 rounded-xl text-sm font-medium bg-white border border-gray-200 disabled:opacity-40 hover:border-orange-300 transition-colors",children:t.common.next},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:193,columnNumber:15},this)]},void 0,!0,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:173,columnNumber:13},this)]},void 0,!0,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:99,columnNumber:9},this)},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:98,columnNumber:7},this),e.jsxDEV(y,{"data-loc":"client/src/pages/Blog.tsx:205"},void 0,!1,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:205,columnNumber:7},this)]},void 0,!0,{fileName:"/Users/davidtseng/dotdot/client/src/pages/Blog.tsx",lineNumber:50,columnNumber:5},this)}export{S as default};