https://www.ditp.go.th/_next/static/chunks/pages/trade-opportunities-9c8a2026e6ca5729.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5857],{66125:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/trade-opportunities",function(){return a(6572)}])},6572:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return f},default:function(){return p}});var s=a(85893),i=a(67294),n=a(3632);a(41664);var r=a(76809),l=a(24985),d=a(63805);a(71061);var o=a(52467),c=a(40792),m=a(11163),u=a(25675),g=a.n(u),x=a(48333),h=a(66308),f=!0;function p(e){var t,a,u;l.QP;let{locale:f}=(0,m.useRouter)(),[p,v]=(0,i.useState)(e.currentPage),[w,j]=(0,i.useState)(e.itemsPerPage),[N,P]=(0,i.useState)((null===(t=e.opportunities)||void 0===t?void 0:t.data)||[]),[_,b]=(0,i.useState)(0),[y,E]=(0,i.useState)(0),[S,k]=(0,i.useState)(!1),[T,C]=(0,i.useState)(!1);(0,i.useEffect)(()=>{let e=()=>{k(window.innerWidth<768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,i.useEffect)(()=>{(async()=>{C(!0);try{let e=(await r.hi.getOpportunitiespage(p,w,f)).data;b(e.meta.pagination.total),E(e.meta.pagination.pageCount),S?P(t=>1===p?e.data:[...t,...e.data].slice(0,p*w)):P(e.data)}catch(e){console.error("Error fetching data: ",e)}finally{C(!1)}})()},[p,w,S]),(0,i.useEffect)(()=>{(async()=>{try{let t={content:e.message.page.Trade,url:window.location.href,author:"",post_type:"หน้า",publishAt:""};await r.hi.getPageinsights(t)}catch(e){console.error("เกิดข้อผิดพลาดในการบันทึกข้อมูล",e)}})()},[]);let L=[{label:e.message.HomePage.home,link:"/"},{label:e.message.page.Trade}];return(0,s.jsxs)("div",{className:"pt-16 mb-16",children:[(0,s.jsx)("div",{className:"sticky top-[60px] bg-white z-20",children:(0,s.jsx)(n.Z,{paths:L})}),(0,s.jsx)(h.Z,{title:"".concat((null===(u=e.message)||void 0===u?void 0:null===(a=u.page)||void 0===a?void 0:a.Trade)||"กรมส่งเสริมการค้าระหว่างประเทศ"," - กรมส่งเสริมการค้าระหว่างประเทศ"),breadcrumbs:L}),(0,s.jsxs)("div",{className:"max-w-screen-xl mx-auto mt-4 md:mt-16 px-4",children:[(0,s.jsx)("div",{className:"text-center text-2xl md:text-[40px] font-semibold text-gradient mt-4",children:e.message.page.Trade}),(0,s.jsx)("div",{className:"w-24 h-1 bg-gradient-to-r from-blue-950 to-teal-300 mx-auto mt-2"}),(0,s.jsx)("div",{className:"gap-4 grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 z-10 mt-6",children:T?Array.from({length:w}).map((e,t)=>(0,s.jsx)(x.Z,{},t)):(0,d.IU)(N).map(e=>(0,s.jsxs)("div",{className:"flex-shrink-0 md:flex md:flex-col justify-center items-center bg-white",children:[(0,s.jsx)(c.Z,{file:e}),(0,s.jsx)("div",{className:"md:w-[240px]",children:(0,s.jsx)("div",{className:"text-center text-md font-semibold line-clamp-2 hover:opacity-50",children:e.title})})]},e.id))})]}),S&&T&&(0,s.jsxs)("div",{className:"flex flex-row justify-center items-center my-4",children:[(0,s.jsx)(g(),{src:"/animations/Loading_icon.gif",alt:"Loading...",width:50,height:50}),(0,s.jsx)("div",{className:"text-[#1F2937] mt-2",children:"Loading..."})]}),(0,s.jsx)(o.Z,{currentPage:p,totalPages:y,itemsPerPage:w,totalItems:_,setCurrentPage:v,setItemsPerPage:j,handlePageClick:e=>{v(e)}})]})}}},function(e){e.O(0,[2275,5675,6308,1289,7274,2888,9774,179],function(){return e(e.s=66125)}),_N_E=e.O()}]);