https://aiclip.ai/_next/static/chunks/pages/blog/tag/[[...slug]]-076b49b4efc8ea5b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[235],{3837:function(e,l,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/tag/[[...slug]]",function(){return a(1865)}])},1865:function(e,l,a){"use strict";a.r(l),a.d(l,{__N_SSP:function(){return _},default:function(){return z}});var t=a(5893),i=a(7294),s=a(5675),r=a.n(s),n=a(1163),o=a(4510),c=a(9677),x=a(3613),d=a(1413),p=a(9821),g=a(7823),m=a(7848),u=a(9961),h=a(634),f=a(7887),b=a(6082),j=a(3340),v=a(3236),w=a(6649),N=a(2962);let y=(0,d.Z)({paginationRoot:{"& .MuiPaginationItem-page":{fontSize:"20px"},"& .MuiPaginationItem-page.Mui-selected":{backgroundColor:h.r$.PRIMARY,color:h.r$.WHITE},"& .MuiPaginationItem-page.Mui-selected:hover":{backgroundColor:h.r$.PRIMARY,color:h.r$.WHITE}}});var _=!0;function z(e){let l=(0,n.useRouter)(),{locale:a}=l,s=(0,w.Z)(),d=y(),h=e.language,[_,z]=(0,i.useState)(e.pageRoute),[k,Z]=(0,i.useState)(1),{data:P,isLoading:R}=(0,m.a)({queryKey:["dataTagPagination",_,h],queryFn:()=>(0,j.e8)({language:h,slug:e.tag,page:+_||e.pageRoute,pageSize:6,cbTotalPage:e=>{Z(e)}}),initialData:e.detail,enabled:!!e.tag||!!e.pageRoute}),S=e=>e=(e=(e=(e=(e=(e=(e=(e=(e=(e=e.toLowerCase()).replace(/[áàảãạăắằẳẵặâấầẩẫậ]/g,"a")).replace(/[éèẻẽẹêếềểễệ]/g,"e")).replace(/[íìỉĩị]/g,"i")).replace(/[óòỏõọôốồổỗộơớờởỡợ]/g,"o")).replace(/[úùủũụưứừửữự]/g,"u")).replace(/[ýỳỷỹỵ]/g,"y")).replace(/đ/g,"d")).replace(/\s+/g,"-")).replace(/[^a-z0-9-]/g,""),I=[(0,t.jsxs)(x.Z,{underline:"hover",display:"flex",alignItems:"center",fontSize:"1.6rem",color:"text.primary",href:"/".concat(a),children:[(0,t.jsx)("div",{className:"inline mr-[10px]",children:(0,t.jsx)(u.A2,{})}),s.blog.home_page]},"1"),(0,t.jsx)(x.Z,{fontSize:"1.6rem",color:"text.primary",underline:"hover",href:"/".concat(a,"/blog?page=",1),children:s.blog.blog},"2"),(0,t.jsx)(c.Z,{fontSize:"1.6rem",color:"text.primary",fontWeight:700,children:e.tag},"3")];return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(N.PB,{title:s.blog.title_blog,description:s.blog.description_blog}),(0,t.jsx)(b.Z,{children:(0,t.jsx)("section",{className:"overflow-hidden w-full",children:(0,t.jsxs)("div",{className:"flex flex-col items-center w-full mt-[90px]",children:[(0,t.jsx)("div",{className:"max-w-[1290px] w-full xs:px-[16px] sm:px-[16px] md:px-0 lg:px-0 xl:px-0 flex-row justify-between py-[40px]",children:(0,t.jsx)("div",{className:"pl-[20px] flex-col",children:(0,t.jsx)(o.Z,{separator:(0,t.jsx)(u.SF,{}),"aria-label":"breadcrumb",children:I})})}),(0,t.jsxs)("div",{className:"flex items-center justify-start max-w-[1290px] py-[5px] border-b-[6px] border-b-solid border-b-primary w-full xs:pl-[24px] sm:pl-[24px] md:pl-0 lg:pl-0 xl:pl-0",children:[(0,t.jsx)("p",{className:"text-[2.4rem] font-semibold text-gray-500",children:"Tag:"}),(0,t.jsx)("p",{className:"text-[2.4rem] font-semibold text-linear",children:e.tag})]}),(0,t.jsxs)("div",{className:"relative w-full mt-[30px]",children:[(0,t.jsx)("div",{className:"absolute right-0 top-[12%] z-0 xs:hidden sm:hidden md:block lg:block xl:block",children:(0,t.jsx)(r(),{className:"object-contain",width:186,height:390,src:"https://media.aiclip.ai/landingpage/unw0rzwqirzr5oqepxqh.png",alt:"image lines"})}),(0,t.jsx)("div",{className:"flex flex-col items-center w-full bg-white z-[100] md:py-[16px] lg:py-[16px] xl:py-[16px]",children:(0,t.jsx)("div",{className:"flex items-end max-w-[1290px] w-full relative min-h-[442px] rounded-[24px] xs:items-center sm:items-center md:items-end lg:items-end xl:items-end xs:flex-col sm:flex-col md:flex-row lg:flex-row xl:flex-row xs:gap-[8px] sm:gap-[8px] md:gap-0 lg:gap-0 xl:gap-0",children:R?(0,t.jsx)("div",{className:"flex justify-center items-center w-full",children:(0,t.jsx)(v.Z,{})}):(0,t.jsx)(t.Fragment,{children:Array.isArray(P)&&P.length>0?(0,t.jsx)("div",{className:"grid w-full xs:grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-3 gap-x-[10px] px-[10px]",children:P.map(e=>{var l,i,s;let r=null===(l=null==e?void 0:e.attributes.category)||void 0===l?void 0:null===(i=l.data)||void 0===i?void 0:i.attributes.shortName,n=S(r);return(0,t.jsx)(x.Z,{className:"z-[100]",href:"/".concat(a,"/blog/").concat(n,"/").concat(null==e?void 0:null===(s=e.attributes)||void 0===s?void 0:s.slug),style:{textDecoration:"none"},children:(0,t.jsx)(f.Z,{blog:e})},e.id)})}):(0,t.jsxs)("p",{className:"text-black text-[1.4rem] font-normal text-center m-auto",children:[s.blog.no_result," "]})})})}),(0,t.jsx)("div",{className:"absolute left-0 top-1/2 z-0 xs:hidden sm:hidden md:block lg:block xl:block",children:(0,t.jsx)(r(),{className:"object-contain",width:150,height:380,src:"https://media.aiclip.ai/landingpage/unw0rzwqirzr5oqepxqh.png",alt:"image lines"})}),(0,t.jsx)("div",{className:"pt-[50px] pb-[100px]",children:(0,t.jsx)("div",{className:"flex justify-center items-center flex-col",children:(0,t.jsx)(p.Z,{count:k,variant:"outlined",shape:"rounded",color:"primary",size:"large",onChange:(l,t)=>

1{z(t),location.href="/".concat(a,"/blog/category?tag=").concat(e.tag,"&page=").concat(t)},classes:{root:d.paginationRoot},renderItem:e=>(0,t.jsx)(g.Z,{components:{previous:u.Co,next:u.pi},...e})})})})]})]})})})]})}}},function(e){e.O(0,[61,14,164,413,861,848,629,821,292,807,774,888,179],function(){return e(e.s=3837)}),_N_E=e.O()}]);