https://www.ditp.go.th/_next/static/chunks/pages/ditp-news-28c9a1eaa19828ab.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[441],{10820:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/ditp-news",function(){return t(16232)}])},3632:function(e,s,t){"use strict";t.d(s,{Z:function(){return r}});var l=t(85893),i=t(41664),a=t.n(i),n=t(11163);function r(e){let{paths:s}=e,t=(0,n.useRouter)();return(0,l.jsx)("nav",{className:"text-gray-500 text-sm overflow-x-auto whitespace-nowrap custom-scroll",children:(0,l.jsx)("div",{className:"max-w-screen-xl mx-auto px-4",children:(0,l.jsxs)("div",{className:"flex space-x-2 items-center",children:[(0,l.jsx)("img",{src:"/icons/home.png",alt:"Profile",className:"w-4 h-4"}),s.filter(e=>e.label).map((e,i)=>(0,l.jsxs)("div",{className:"flex items-center space-x-2 mt-2",children:[i>0&&(0,l.jsx)("span",{className:"text-gray-400",children:"/"}),i===s.length-1?(0,l.jsx)("span",{className:"text-black font-semibold",children:e.label}):e.link?(0,l.jsx)(a(),{href:e.link,legacyBehavior:!0,locale:t.locale,children:(0,l.jsx)("a",{className:"text-gray-400 hover:text-gray-600",children:e.label})}):(0,l.jsx)("div",{className:"text-gray-400 line-clamp-1",children:e.label})]},i))]})})})}},52467:function(e,s,t){"use strict";t.d(s,{Z:function(){return a}});var l=t(85893),i=t(69740);function a(e){let{currentPage:s,totalPages:t,itemsPerPage:a,totalItems:n,setCurrentPage:r,setItemsPerPage:d,handlePageClick:c,disableScroll:o=!1}=e,m=()=>{o||(0,i.UK)()||window.scrollTo({top:0,behavior:"auto"})},x=e=>{m(),c(e)};return(0,l.jsx)("div",{className:"max-w-screen-xl mx-auto mt-8",children:(0,l.jsxs)("div",{className:"flex justify-center md:justify-between items-center",children:[(0,l.jsxs)("div",{className:"hidden md:flex md:flex-wrap lg:flex-row items-center",children:[(0,l.jsx)("label",{children:"Items per page"}),(0,l.jsx)("select",{value:a,onChange:e=>{d(Number(e.target.value)),r(1),m()},className:"ml-2 border rounded-md px-2 py-1",children:[10,20,50,100].map(e=>(0,l.jsx)("option",{value:e,children:e},e))}),(0,l.jsxs)("div",{className:"md:mt-2 lg:ml-2",children:["Showing ",(s-1)*a+1," -"," ",Math.min(s*a,n)," of ",n," ","Posts"]})]}),(0,l.jsxs)("div",{className:"flex md:space-x-2",children:[(0,l.jsxs)("button",{onClick:()=>x(s-1),disabled:1===s,className:"px-3 py-1 border rounded-2xl disabled:opacity-50 flex items-center gap-2",children:[(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"w-6 h-6",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"})}),(0,l.jsx)("div",{className:"hidden md:block",children:"Previous"})]}),(0,l.jsx)("div",{className:"flex items-center space-x-1",children:(()=>{let e=[];for(let l=0;l<Math.min(7,t);l++){let i;i=t<=7?l+1:s<=4?l<5?l+1:5===l?"...":t:s>t-4?0===l?1:1===l?"...":t-(6-l):0===l?1:1===l?"...":l<5?s-(3-l):5===l?"...":t,e.push(i)}return e})().map((e,t)=>(0,l.jsx)("button",{onClick:()=>"number"==typeof e?x(e):null,disabled:"..."===e,className:"px-3 py-1 rounded-lg w-8 h-8 flex items-center justify-center  ".concat(s===e?"bg-[#0E143B] text-white border-[#0E143B]":"text-[#00000080]"),children:e},t))}),(0,l.jsxs)("button",{onClick:()=>x(s+1),disabled:s===t,className:"px-3 py-1 border rounded-2xl disabled:opacity-50 flex items-center gap-2",children:[(0,l.jsx)("div",{className:"hidden md:block",children:"Next"}),(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"w-6 h-6",children:(0,l.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"})})]})]})]})})}},16232:function(e,s,t){"use strict";t.r(s),t.d(s,{__N_SSP:function(){return v},default:function(){return p}});var l=t(85893),i=t(3632),a=t(76809),n=t(24985),r=t(41664),d=t.n(r),c=t(67294),o=t(63805);t(71061);var m=t(52467),x=t(25675),u=t.n(x),h=t(66308),v=!0;function p(e){var s,t,r,x,v,p,g,f,w;n.QP;let[j,N]=(0,c.useState)(e.currentPage),[b,y]=(0,c.useState)(e.itemsPerPage),[_,k]=(0,c.useState)((null===(s=e.ditpnew)||void 0===s?void 0:s.data)||[]),[P,E]=(0,c.useState)(0),[C,S]=(0,c.useState)(0),[L,I]=(0,c.useState)(!1),[M,B]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let e=()=>{I(window.innerWidth<768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,c.useEffect)(()=>{(async()=>{B(!0);try{let e=(await a.hi.getDitpnewpage(j,b)).data;E(e.meta.pagination.total),S(e.meta.pagination.pageCount),L?k(s=>1===j?e.data:[...s,...e.data].slice(0,j*b)):k(e.data)}catch(e){console.error("Error fetching data: ",e)}finally{B(!1)}})()},[j,b,L]);let Z=[{label:"หน้าหลัก",link:"/"},{label:"ข่าวประชาสัมพันธ์กรม"}];return(0,c.useEffect)(()=>{(async()=>{try{let e={content:"ข่าวประชาสัมพันธ์กรม",url:window.location.href,author:"",post_type:"หน้า",publishAt:""};await a.hi.getPageinsights(e)}catch(e){console.error("เกิดข้อผิดพลาดในการบันทึกข้อมูล",e)}})()},[]),(0,l.jsxs)("div",{className:"pt-14 mb-16",children:[(0,l.jsx)("div",{className:"flex items-center justify-center bg-cover bg-center",style:{backgroundImage:"url(".concat((null===(x=e.imagecover.data.image_cover_ditp_news)||void 0===x?void 0:null===(r=x.formats)||void 0===r?void 0:null===(t=r.large)||void 0===t?void 0:t.url)||(null===(g=e.imagecover.data.image_cover_ditp_news)||void 0===g?void 0:null===(p=g.formats)||void 0===p?void 0:null===(v=p.medium)||void 0===v?void 0:v.url)||(null===(f=e.imagecover.data.image_cover_ditp_news)||void 0===f?void 0:f.url),")"),height:"193px"},children:(0,l.jsx)("h1",{className:"text-white text-center text-xl md:text-[40px]",children:"ข่าวประชาสัมพันธ์กรม"})}),(0,l.jsx)(h.Z,{title:"ข่าวประชาสัมพันธ์กรม - กรมส่งเสริมการค้าระหว่างประเทศ",description:"ข่าวประชาสัมพันธ์กรม",breadcrumbs:Z}

1),(0,l.jsx)("div",{className:"sticky top-[60px] bg-white z-20",children:(0,l.jsx)(i.Z,{paths:Z})}),(0,l.jsxs)("div",{className:"max-w-screen-xl mx-auto px-4 mt-12",children:[(0,l.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2 gap-4",children:M?Array.from({length:b}).map((e,s)=>(0,l.jsxs)("div",{className:"bg-white border rounded-xl md:flex md:flex-row md:w-full animate-pulse",children:[(0,l.jsx)("div",{className:"shrink-0",children:(0,l.jsx)("div",{className:"rounded-t-xl h-[233px] w-full bg-gray-300 sm:rounded-s-xl md:h-[200px] md:w-[288px] md:rounded-se-none"})}),(0,l.jsxs)("div",{className:"p-4 flex flex-col gap-4 w-full",children:[(0,l.jsx)("div",{className:"h-6 bg-gray-300 rounded w-3/4"}),(0,l.jsx)("div",{className:"h-6 bg-gray-200 rounded w-1/2"}),(0,l.jsx)("div",{className:"h-4 bg-gray-100 rounded w-1/4"})]})]},s)):null===(w=(0,o.IU)(_))||void 0===w?void 0:w.map((e,s)=>{var t,i,a,n;return(0,l.jsx)(d(),{href:"/post/ditpnew/".concat(e.documentId),children:(0,l.jsxs)("div",{className:"bg-white border rounded-xl md:flex md:flex-row md:w-full",children:[(0,l.jsx)("div",{className:"shrink-0",children:(0,l.jsx)("img",{className:"rounded-t-xl h-[233px] w-full object-cover sm:rounded-s-xl md:h-[200px] md:w-[288px] md:rounded-se-none hover:opacity-75",src:(null===(a=e.image)||void 0===a?void 0:null===(i=a.formats)||void 0===i?void 0:null===(t=i.medium)||void 0===t?void 0:t.url)||(null===(n=e.image)||void 0===n?void 0:n.url)||"/images/ditpimage.png",alt:e.title})}),(0,l.jsxs)("div",{className:"p-2 flex flex-col",children:[(0,l.jsx)("div",{className:"text-md font-medium text-left h-[150px] line-clamp-5 hover:opacity-50",children:e.title}),(0,l.jsx)("div",{children:(0,o.vc)((null==e?void 0:e.publish_date)||(null==e?void 0:e.current_publish)||(null==e?void 0:e.createdAt),e.locale)})]})]})},s)})}),L&&M&&(0,l.jsxs)("div",{className:"flex flex-row justify-center items-center my-4",children:[(0,l.jsx)(u(),{src:"/animations/Loading_icon.gif",alt:"Loading...",width:50,height:50}),(0,l.jsx)("div",{className:"text-[#1F2937] mt-2",children:"Loading..."})]}),(0,l.jsx)(m.Z,{currentPage:j,totalPages:C,itemsPerPage:b,totalItems:P,setCurrentPage:N,setItemsPerPage:y,handlePageClick:e=>{N(e)}})]})]})}}},function(e){e.O(0,[2275,5675,6308,1289,2888,9774,179],function(){return e(e.s=10820)}),_N_E=e.O()}]);