https://www.cumicumi.com/_next/static/chunks/pages/national/listContent-26506933131a4d33.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9441],{4482:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/national/listContent",function(){return t(2547)}])},2547:function(e,i,t){"use strict";t.r(i);var n=t(5893),s=t(7294),l=t(7066),a=t(9734),r=t(3108),c=t(549),d=t(1664),o=t.n(d),h=t(1163),m=t(5675),u=t.n(m),x=function(e){var i=(0,h.useRouter)().query.rubrik,t=(0,a.ZP)("".concat("https://stock.cumicumi.com/api/v3","/national?perpage=").concat(e,"&slug=").concat(i),function(e){return l.Z.get(e).then(function(e){return e.data.data})}),n=t.data,s=t.error;return{data:n,loading:!n&&!s,error:s}};i.default=function(){var e=(0,s.useState)(5),i=e[0],t=e[1];(0,h.useRouter)().query.rubrik;var a=x(i),d=a.data,m=a.loading,j=a.error,p=(0,s.useState)(d),f=(p[0],p[1]),g=function(e){return function(i){l.Z.post("".concat("https://stock.cumicumi.com/api/v3","/articles/").concat(e)).then(function(e){}).catch(function(e){console.log("Error",e)})}};(0,s.useEffect)(function(){f(d)},[d]);var N=function(){t(function(e){return e+5})};return m?(0,n.jsxs)("div",{children:[(0,n.jsxs)("article",{className:"headline-main",children:[(0,n.jsx)("figure",{className:"headline-main-image-wrap",children:(0,n.jsx)("div",{className:"headline-main-image-link",children:(0,n.jsx)("picture",{className:"headline-main-image",children:(0,n.jsx)(c.Z,{height:300})})})}),(0,n.jsxs)("div",{className:"headline-main-wrapper",children:[(0,n.jsx)("div",{children:(0,n.jsx)(c.Z,{count:2})}),(0,n.jsxs)("ul",{className:"list-unstyled meta d-flex align-items-center",children:[(0,n.jsx)("li",{children:(0,n.jsx)(c.Z,{width:100})}),(0,n.jsx)("li",{children:(0,n.jsx)(c.Z,{width:100})})]})]})]}),(0,n.jsx)("div",{className:"row",children:[1,2,3].map(function(e){return(0,n.jsx)("div",{className:"col-lg-4",children:(0,n.jsxs)("article",{className:"headline-main-bottom",children:[(0,n.jsx)("figure",{className:"headline-main-image-wrap",children:(0,n.jsx)("div",{className:"headline-main-image-link",children:(0,n.jsx)("picture",{className:"headline-main-image",children:(0,n.jsx)(c.Z,{height:150})})})}),(0,n.jsxs)("div",{className:"headline-main-wrapper",children:[(0,n.jsx)("div",{children:(0,n.jsx)(c.Z,{count:2})}),(0,n.jsxs)("ul",{className:"list-unstyled meta d-flex align-items-center",children:[(0,n.jsx)("li",{children:(0,n.jsx)(c.Z,{width:100})}),(0,n.jsx)("li",{children:(0,n.jsx)(c.Z,{width:100})})]})]})]})},e)})}),(0,n.jsx)("div",{children:[1,2,3,4,5].map(function(e){return(0,n.jsx)("article",{children:(0,n.jsxs)("div",{className:"single-article-post align-items-center",children:[(0,n.jsx)("div",{className:"post-left",children:(0,n.jsx)("div",{className:"feature-img position-relative",children:(0,n.jsx)(c.Z,{width:334,height:162})})}),(0,n.jsxs)("div",{className:"post-right mt-3 mt-lg-0",children:[(0,n.jsx)("div",{children:(0,n.jsx)(c.Z,{height:50})}),(0,n.jsx)(c.Z,{count:3}),(0,n.jsxs)("ul",{className:"list-unstyled meta d-flex align-items-center",children:[(0,n.jsx)("li",{children:(0,n.jsx)(c.Z,{width:100})}),(0,n.jsx)("li",{children:(0,n.jsx)(c.Z,{width:100})})]})]})]})},e)})})]}):j?(0,n.jsx)(s.Fragment,{children:(0,n.jsx)("section",{className:"single-post-headline",children:(0,n.jsx)("div",{className:"main-error text-center",children:(0,n.jsx)("span",{className:"error",children:"Tidak ada artikel ditemukan"})})})}):(0,n.jsx)("div",{children:(0,n.jsxs)("section",{className:"area-content",children:[(0,n.jsx)("div",{className:"section-heading",children:(0,n.jsx)("h2",{className:"title-section-none-decorative new-title-section",children:(0,n.jsx)("span",{children:"national"})})}),(0,n.jsxs)("div",{className:"section-body",children:[d.map(function(e,i){return(0,n.jsx)("article",{children:(0,n.jsxs)("div",{className:"row single-content-post align-items-center",children:[(0,n.jsx)("div",{className:"col-lg-5 post-left",children:(0,n.jsx)("div",{className:"feature-img position-relative",children:(0,n.jsx)(o(),{href:"/"+e.content_type+"/"+e.rubrik.slug+"/"+e.id+"/"+e.slug,children:(0,n.jsxs)("a",{className:"feature-img position-relative",onClick:g(e.id),children:[(0,n.jsx)(u(),{className:"img-fluid",src:e.thumbnail.medium,alt:e.title,width:350,height:200}),"articles"===e.content_type?"":(0,n.jsx)("div",{className:"btn-play",children:(0,n.jsx)("i",{className:"fas fa-play"})})]})})})}),(0,n.jsxs)("div",{className:"col-lg-7 post-right mt-3 mt-lg-0",children:[(0,n.jsx)(o(),{href:"/"+e.content_type+"/"+e.rubrik.slug+"/"+e.id+"/"+e.slug,children:(0,n.jsx)("a",{onClick:g(e.id),children:(0,n.jsx)(r.ZP,{className:"title",tagName:"h6",content:e.title})})}),(0,n.jsxs)("ul",{className:"list-unstyled meta d-flex align-items-center",children:[(0,n.jsx)("li",{children:(0,n.jsx)(o(),{href:e.content_type+"/"+e.rubrik.slug,children:(0,n.jsx)(u(),{className:"img-fluid",src:e.rubrik.logo,alt:e.rubrik.title,width:50,height:21})})}),(0,n.jsx)("li",{className:"ml-5",children:e.published_human})]})]})]})},i)}),(0,n.jsx)("div",{className:"position-relative text-center",children:(0,n.jsx)("button",{className:"btn-readmore btn btn-primary",onClick:N,children:"Read More"})})]})]})})}},549:function(e,i,t){"use strict";t.d(i,{Z:function(){return l}});var n=t(7294);let s=n.createContext({});function l({count:e=1,wrapper:i,className:t,containerClassName:l,containerTestId:a,circle:r=!1,style:c,...d}){var o,h,m;let u=n.useContext(s),x={...d};for(let[j,p]of Object.entries(d))void 0===p&&delete x[j];let f={...u,...x,circle:r},g={...c,...function({baseColor:e,highlightColor:i,width:t,height:n,borderRadius:s,circle:l,direction:a,duration:r,enableAnimation:c=!0}){let d={};return"rtl"===a&&(d["--animation-direction"]="reverse"),"number"==typeof r&&(d["--animation-duration"]=`${r}s`),c||(d["--pseudo-element-display"]="none"),("string"==typeof t||"number"==typeof t)&&(d.width=t),("string"==typeof n||"number"==typeof n)&&(d.height=n),("string"==typeof s||"number"==typeof s)&&(d.borderRadius=s),l&&(d.borderRadius="50%"),void 0!==e&&(d["--base-color"]=e),void 0!==i&&(d["--highlight-color"]=i),d}(f)},N="react-loading-skeleton";t&&(N+=` ${t}`);let v=null!==(o=f.inline)&&void 0!==o&&o,b=[],y=Math.ceil(e);for(let w=0;w<y;w++){let k=g;if(y>e&&w===y-1){let Z=null!==(h=k.width)&&void 0!==h?h:"100%",_=e%1,E="number"==typeof Z?Z*_:`calc(${Z} * ${_})`;k={...k,width:E}}let C=n.createElement("span",{className:N,style:k,key:w},"‌");v?b.push(C):b.push(n.createElement(n.Fragment,{key:w},C,n.createElement("br",null)))}return n.createElement("span",{className:l,"data-testid":a,"aria-live":"polite","aria-busy":null===(m=f.enableAnimation)||void 0===m||m},i?b.map((e,t)=>n.createElement(i,{key:t},e)):b)}}},function(e){e.O(0,[1664,7066,3108,9734,5675,9774,2888,179],function(){return e(e.s=4482)}),_N_E=e.O()}]);