https://tamgioitoanthu.com/_next/static/chunks/pages/bai-viet/the/[slug]-d8ae5d3bcbab7554.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[827],{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 s(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var r=typeof n;if("string"===r||"number"===r)e.push(n);else if(Array.isArray(n)){if(n.length){var l=s.apply(null,n);l&&e.push(l)}}else if("object"===r){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?(s.default=s,e.exports=s):void 0!==(n=(function(){return s}).apply(t,[]))&&(e.exports=n)}()},9335:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/bai-viet/the/[slug]",function(){return n(4561)}])},9832:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var a=n(5893),s=n(7083),r=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||r.Z,")")}})}),(0,a.jsxs)("div",{className:"col-span-2",children:[(0,a.jsx)(s.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)}},4561:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return m}});var a=n(5893),s=n(183),r=n(7294),l=n(3268),i=n(9473),c=n(2028),u=n(1664),o=n.n(u),d=n(1163),$=n(9832);function m(){var e=(0,i.I0)(),t=(0,d.useRouter)().query.tag,n=(0,i.v9)(c.pm),u=n.dataPostsByTag,m=n.loadingGetDataPostsByTag,g=function(n){e(c.rZ.getDataPostsByTag({limit:30,page:n+1,tag:t})),window.scrollTo({behavior:"smooth",top:x.current.offsetTop-300})};(0,r.useEffect)(function(){t&&e(c.rZ.getDataPostsByTag({page:1,limit:30,tag:t}))},[t]);var x=(0,r.useRef)(null);return(0,a.jsx)(s.Z,{children:(0,a.jsx)("section",{className:"py-10",children:(0,a.jsxs)("div",{className:"container",children:[(0,a.jsx)("div",{className:"mb-6",children:(0,a.jsxs)("nav",{className:"flex items-center space-x-2 text-sm text-zinc-500",children:[(0,a.jsx)(o(),{href:"/",children:(0,a.jsxs)("a",{className:"hover:text-yellow-600 transition-colors",children:[(0,a.jsx)("i",{className:"fa-solid fa-home mr-1"}),"Trang chủ"]})}),(0,a.jsx)("span",{children:"/"}),(0,a.jsxs)("span",{className:"text-zinc-700",children:["Thẻ: #",t]})]})}),(0,a.jsxs)("h1",{ref:x,className:"text-xl text-zinc-700 font-semibold capitalize text-center w-full mb-8 lg:text-2xl lg:mb-12",children:["Thẻ: #",t]}),m?(0,a.jsxs)("div",{className:"text-center py-12",children:[(0,a.jsx)("div",{className:"inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-yellow-500"}),(0,a.jsx)("p",{className:"text-zinc-500 mt-4",children:"Đang tải b\xe0i viết..."})]}):u&&[].concat.apply([],Object.values(u.data)).length>0?(0,a.jsx)("div",{className:"grid grid-cols-1 gap-5",children:[].concat.apply([],Object.values(u.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)($.Z,{thumbnailPath:e.thumbnail.path,title:e.title,description:e.description,_id:e._id})},e._id)})}):(0,a.jsxs)("div",{className:"text-center py-12",children:[(0,a.jsx)("div",{className:"text-6xl text-gray-300 mb-4",children:(0,a.jsx)("i",{className:"fa-solid fa-tags"})}),(0,a.jsx)("h3",{className:"text-xl text-zinc-600 mb-2",children:"Kh\xf4ng c\xf3 b\xe0i viết n\xe0o"}),(0,a.jsxs)("p",{className:"text-zinc-500",children:['Chưa c\xf3 b\xe0i viết n\xe0o với thẻ "',t,'"']}),(0,a.jsx)(o(),{href:"/",children:(0,a.jsx)("a",{className:"inline-block mt-4 px-4 py-2 bg-yellow-500 text-white rounded-lg hover:bg-yellow-600 transition-colors",children:"Về trang chủ"})})]}),u&&[].concat.apply([],Object.values(u.data)).length>0&&(0,a.jsx)("div",{className:"flex justify-center mt-10",children:(0,a.jsxs)(l.tl,{currentPage:(null==u?void 0:u.pagination.page)-1,setCurrentPage:g,totalPages:null==u?void 0:u.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 m}});var a=n(7294),s=n(4184),r=n.n(s);function l(e,t){if(null==e)return{};var n,a,s={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(s[n]=e[n]);return s}var i=function(e){var t=e.currentPage,n=e.setCurrentPage,s=e.truncableText,r=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,$=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]),m=a.useMemo(function(){return o||u.slice(0,$[0]-1).length<1?[]:u.slice(0,i).filter(function(e){return!$.includes(e)})},[t,u]),g=a.useMemo(function(){return u.slice($[$.length-1],u[u.length])},[u,$]),x=a.useMemo(function(){return d||g.length<1?[]:u.slice(u.length-i,u.length).filter(function(e){return!$.includes(e)})},[$,u]),f=a.useMemo(function(){return $[0]>m[m.length-1]+1},[m,$]),h=a.useMemo(function(){return $[$.length-1]+1<x[0]},[x,$]);return{currentPage:t,setCurrentPage:n,truncableText:void 0===s?"...":s,truncableClassName:void 0===r?"":r,pages:u,hasPreviousPage:t>1,hasNextPage:t<l,previousPages:m,isPreviousTruncable:f,middlePages:$,isNextTruncable:h,nextPages:x}},c=function(e){var t=e.className,n=e.children,s=e.dataTestId,r=l(e,["className","children","dataTestId"]),i=a.useContext($),c=function(){i.currentPage+1>1&&i.setCurrentPage(i.currentPage-1)};return a.createElement("button",Object.assign({className:t},r,{onClick:function(){return c()},disabled:0===i.currentPage,"data-testid":s}),n)},u=function(e){var t=e.className,n=e.children,s=e.dataTestId,r=l(e,["className","children","dataTestId"]),i=a.useContext($),c=function(){i.currentPage+1<i.pages.length&&i.setCurrentPage(i.currentPage+1)};return a.createElement("button",Object.assign({className:t},r,{onClick:function(){return c()},disabled:i.currentPage===i.pages.length-1,"data-testid":s}),n)},o=function(e){var t=e.prev,n=a.useContext($),s=n.isPreviousTruncable,r=n.isNextTruncable,l=n.truncableText,i=n.truncableClassName;return s&&!0===t||r&&!t?a.createElement("span",{className:i||void 0},l):null},d=function(e){var t=e.className,n=e.dataTestIdActive,s=e.dataTestIdInactive,l=e.activeClassName,i=e.inactiveClassName,c=a.useContext($),u=function(e){var u;return a.createElement("span",{key:e,"data-testid":r()(((u={})[n+"-page-button"]=n&&c.currentPage+1===e,u[s+"-page-button-"+e]=n&&c.currentPage+1!==e,u))||void 0,onClick:function(){return c.setCurrentPage(e-1)},className:r()(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))},$=a.createContext({currentPage:0,setCurrentPage:function(){},truncableText:"...",truncableClassName:"",pages:[],hasPreviousPage:!1,hasNextPage:!1,previousPages:[],isPreviousTruncable:!1,middlePages:[],isNextTruncable:!1,nextPages:[]}),m=function(e){var t=i(e);return a.createElement($.Provider,{value:t},a.createElement("div",{className:e.className},e.children))};m.PrevButton=c,m.NextButton=u,m.PageButton=d}},function(e){e.O(0,[524,83,183,774,888,179],function(){return e(e.s=9335)}),_N_E=e.O()}]);