https://tamgioitoanthu.com/_next/static/chunks/pages/bai-viet-87dd0425bdf8980e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[860],{4184:function(e,t){var n; /*!
2  Copyright (c) 2018 Jed Watson.
3  Licensed under the MIT License (MIT), see
4  http://jedwatson.github.io/classnames
5*/ !function(){"use strict";var a={}.hasOwnProperty;function r(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var s=typeof n;if("string"===s||"number"===s)e.push(n);else if(Array.isArray(n)){if(n.length){var l=r.apply(null,n);l&&e.push(l)}}else if("object"===s){if(n.toString===Object.prototype.toString)for(var i in n)a.call(n,i)&&n[i]&&e.push(i);else e.push(n.toString())}}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):void 0!==(n=(function(){return r}).apply(t,[]))&&(e.exports=n)}()},6759:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/bai-viet",function(){return n(1234)}])},9832:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var a=n(5893),r=n(7083),s=n(3135),l=n(8139),i=n(7224),c=n(1664),u=n.n(c);function o(e){return(0,a.jsx)(u(),{href:l._.detailPost("".concat((0,i.l)(e.title),"-").concat(e._id)),children:(0,a.jsxs)("a",{className:" grid grid-cols-3 gap-3 group",children:[(0,a.jsx)("div",{className:" col-span-1 ",children:(0,a.jsx)("div",{className:"w-full aspect-square bg-no-repeat bg-center bg-cover",style:{backgroundImage:"url(".concat(e.thumbnailPath||s.Z,")")}})}),(0,a.jsxs)("div",{className:"col-span-2",children:[(0,a.jsx)(r.ZP,{content:e.title,children:(0,a.jsx)("h5",{className:"font-bold text-base text-zinc-600 group-hover:text-yellow-500 transition-all duration-300",children:e.title})}),(0,a.jsx)("p",{className:"text-zinc-500 line-clamp-2 lg:line-clamp-3 xl:line-clamp-5 mt-3",children:e.description})]})]})},e._id)}},1234:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return o}});var a=n(5893),r=n(183),s=n(7294),l=n(3268),i=n(9473),c=n(2028),u=n(9832);function o(){var e=(0,i.I0)(),t=(0,i.v9)(c.pm).dataPostsByAlphabet,n=function(t){e(c.rZ.getDataPostsByAlphabet({limit:30,page:t+1})),window.scrollTo({behavior:"smooth",top:o.current.offsetTop-300})};(0,s.useEffect)(function(){e(c.rZ.getDataPostsByAlphabet({page:1,limit:30}))},[]);var o=(0,s.useRef)(null);return(0,a.jsx)(r.Z,{children:(0,a.jsx)("section",{className:"py-10",children:(0,a.jsxs)("div",{className:"container",children:[(0,a.jsx)("h1",{ref:o,className:"text-xl text-zinc-700 font-semibold capitalize text-center w-full mb-8 lg:text-2xl lg:mb-12",children:"Tất cả b\xe0i viết"}),(0,a.jsx)("div",{className:"grid grid-cols-1 gap-5 ",children:t&&[].concat.apply([],Object.values(t.data)).map(function(e){return(0,a.jsx)("div",{className:"col-span-1 border-b border-b-gray-300 last:pb-0 last:mb-0 last:border-b-0 pb-5 w-full sm:w-[400px] md:w-[500px] lg:w-[600px] block mx-auto",children:(0,a.jsx)(u.Z,{thumbnailPath:e.thumbnail.path,title:e.title,description:e.description,_id:e._id})},e._id)})}),(0,a.jsx)("div",{className:"flex justify-center mt-10",children:(0,a.jsxs)(l.tl,{currentPage:(null==t?void 0:t.pagination.page)-1,setCurrentPage:n,totalPages:null==t?void 0:t.pagination.total,edgePageCount:2,middlePagesSiblingCount:1,className:"flex flex-row items-center justify-center w-fit",truncableText:"...",truncableClassName:"",children:[(0,a.jsx)(l.tl.PrevButton,{className:"text-xs lg:text-sm border w-6 h-6 sm:w-8 sm:h-8 border-yellow-600 rounded-md flex items-center justify-center",children:(0,a.jsx)("i",{className:"fa-solid fa-chevron-left"})}),(0,a.jsx)("button",{className:"flex items-end justify-center gap-3 mx-3 ",children:(0,a.jsx)(l.tl.PageButton,{activeClassName:"bg-yellow-600 text-white",inactiveClassName:"",className:"text-xs lg:text-sm border w-6 h-6 sm:w-8 sm:h-8 border-yellow-600 rounded-md flex items-center justify-center transition-all duration-300"})}),(0,a.jsx)(l.tl.NextButton,{className:"text-xs lg:text-sm border w-6 h-6 sm:w-8 sm:h-8 border-yellow-600 rounded-md flex items-center justify-center",children:(0,a.jsx)("i",{className:"fa-solid fa-chevron-right"})})]})})]})})})}},3135:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var a="/img/icon.png"},3268:function(e,t,n){"use strict";n.d(t,{tl:function(){return g}});var a=n(7294),r=n(4184),s=n.n(r);function l(e,t){if(null==e)return{};var n,a,r={},s=Object.keys(e);for(a=0;a<s.length;a++)n=s[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}var i=function(e){var t=e.currentPage,n=e.setCurrentPage,r=e.truncableText,s=e.truncableClassName,l=e.totalPages,i=e.edgePageCount,c=e.middlePagesSiblingCount,u=Array(l).fill(0).map(function(e,t){return t+1}),o=t<=c,d=t+c>=l,m=a.useMemo(function(){var e=2*c+1;return o?u.slice(0,e):d?u.slice(-e):u.slice(t-c,t+c+1)},[t,u]),g=a.useMemo(function(){return o||u.slice(0,m[0]-1).length<1?[]:u.slice(0,i).filter(function(e){return!m.includes(e)})},[t,u]),$=a.useMemo(function(){return u.slice(m[m.length-1],u[u.length])},[u,m]),f=a.useMemo(function(){return d||$.length<1?[]:u.slice(u.length-i,u.length).filter(function(e){return!m.includes(e)})},[m,u]),x=a.useMemo(function(){return m[0]>g[g.length-1]+1},[g,m]),p=a.useMemo(function(){return m[m.length-1]+1<f[0]},[f,m]);return{currentPage:t,setCurrentPage:n,truncableText:void 0===r?"...":r,truncableClassName:void 0===s?"":s,pages:u,hasPreviousPage:t>1,hasNextPage:t<l,previousPages:g,isPreviousTruncable:x,middlePages:m,isNextTruncable:p,nextPages:f}},c=function(e){var t=e.className,n=e.children,r=e.dataTestId,s=l(e,["className","children","dataTestId"]),i=a.useContext(m),c=function(){i.currentPage+1>1&&i.setCurrentPage(i.currentPage-1)};return a.createElement("button",Object.assign({className:t},s,{onClick:function(){return c()},disabled:0===i.currentPage,"data-testid":r}),n)},u=function(e){var t=e.className,n=e.children,r=e.dataTestId,s=l(e,["className","children","dataTestId"]),i=a.useContext(m),c=function(){i.currentPage+1<i.pages.length&&i.setCurrentPage(i.currentPage+1)};return a.createElement("button",Object.assign({className:t},s,{onClick:function(){return c()},disabled:i.currentPage===i.pages.length-1,"data-testid":r}),n)},o=function(e){var t=e.prev,n=a.useContext(m),r=n.isPreviousTruncable,s=n.isNextTruncable,l=n.truncableText,i=n.truncableClassName;return r&&!0===t||s&&!t?a.createElement("span",{className:i||void 0},l):null},d=function(e){var t=e.className,n=e.dataTestIdActive,r=e.dataTestIdInactive,l=e.activeClassName,i=e.inactiveClassName,c=a.useContext(m),u=function(e){var u;return a.createElement("span",{key:e,"data-testid":s()(((u={})[n+"-page-button"]=n&&c.currentPage+1===e,u[r+"-page-button-"+e]=n&&c.currentPage+1!==e,u))||void 0,onClick:function(){return c.setCurrentPage(e-1)},className:s()(t,c.currentPage+1===e?l:i)||void 0},e)};return a.createElement(a.Fragment,null,c.previousPages.map(u),a.createElement(o,{prev:!0}),c.middlePages.map(u),a.createElement(o,null),c.nextPages.map(u))},m=a.createContext({currentPage:0,setCurrentPage:function(){},truncableText:"...",truncableClassName:"",pages:[],hasPreviousPage:!1,hasNextPage:!1,previousPages:[],isPreviousTruncable:!1,middlePages:[],isNextTruncable:!1,nextPages:[]}),g=function(e){var t=i(e);return a.createElement(m.Provider,{value:t},a.createElement("div",{className:e.className},e.children))};g.PrevButton=c,g.NextButton=u,g.PageButton=d}},function(e){e.O(0,[524,83,183,774,888,179],function(){return e(e.s=6759)}),_N_E=e.O()}]);