https://www.chulabook.com/_next/static/chunks/pages/blog/popular-6d6fd6646603e09872ca.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[75],{"1c7f":function(e,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var n=s(t("q1tI")),r=s(t("17x9"));function s(e){return e&&e.__esModule?e:{default:e}}var l=function(e){var a=e.breakLabel,t=e.breakClassName,r=e.breakLinkClassName,s=e.onClick,l=t||"break";return n.default.createElement("li",{className:l},n.default.createElement("a",{className:r,onClick:s,role:"button",tabIndex:"0",onKeyPress:s},a))};l.propTypes={breakLabel:r.default.oneOfType([r.default.string,r.default.node]),breakClassName:r.default.string,breakLinkClassName:r.default.string,onClick:r.default.func.isRequired},a.default=l},"3LHp":function(e,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var n=s(t("q1tI")),r=s(t("17x9"));function s(e){return e&&e.__esModule?e:{default:e}}var l=function(e){var a=e.pageClassName,t=e.pageLinkClassName,r=e.onClick,s=e.href,l=e.ariaLabel||"Page "+e.page+(e.extraAriaContext?" "+e.extraAriaContext:""),i=null;return e.selected&&(i="page",l=e.ariaLabel||"Page "+e.page+" is your current page",a="undefined"!==typeof a?a+" "+e.activeClassName:e.activeClassName,"undefined"!==typeof t?"undefined"!==typeof e.activeLinkClassName&&(t=t+" "+e.activeLinkClassName):t=e.activeLinkClassName),n.default.createElement("li",{className:a},n.default.createElement("a",{onClick:r,role:"button",className:t,href:s,tabIndex:"0","aria-label":l,"aria-current":i,onKeyPress:r},e.page))};l.propTypes={onClick:r.default.func.isRequired,selected:r.default.bool.isRequired,pageClassName:r.default.string,pageLinkClassName:r.default.string,activeClassName:r.default.string,activeLinkClassName:r.default.string,extraAriaContext:r.default.string,href:r.default.string,ariaLabel:r.default.string,page:r.default.number.isRequired},a.default=l},JrZO:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/popular",function(){return t("Nvfn")}])},Nvfn:function(e,a,t){"use strict";t.r(a);var n=t("o0o1"),r=t.n(n),s=t("rePB"),l=t("HaE+"),i=t("q1tI"),o=t.n(i),c=t("CafY"),u=t("4JyM"),d=t("j8ru"),p=t("werx"),f=t.n(p),g=t("nOHt"),b=t("mSSp"),m=t("yzAy"),v=o.a.createElement;function h(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);a&&(n=n.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,n)}return t}function N(e){for(var a=1;a<arguments.length;a++){var t=null!=arguments[a]?arguments[a]:{};a%2?h(Object(t),!0).forEach((function(a){Object(s.a)(e,a,t[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))}))}return e}a.default=Object(u.withTranslation)("blog_index")((function(e){var a=e.t,t=Object(g.useRouter)().query.n,n=Object(i.useState)([]),s=n[0],o=n[1],p=Object(i.useState)(1),h=p[0],k=p[1],C=Object(i.useState)(0),y=C[0],w=C[1],P=Object(i.useState)(0),x=(P[0],P[1],function(){var e=Object(l.a)(r.a.mark((function e(a){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:a.page=a.page||1,m.a.getBlogGroupLikedPage(N({},a)).then(function(){var e=Object(l.a)(r.a.mark((function e(a){var t;return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t=a.data,o(t.data),k(Math.ceil(t.countBlog/20));case 3:case"end":return e.stop()}}),e)})));return function(a){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}));case 2:case"end":return e.stop()}}),e)})));return function(a){return e.apply(this,arguments)}}()),_=function(){var e=Object(l.a)(r.a.mark((function e(a){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:a.page=a.page||1,m.a.getBlogGroupNewHotPage(N({},a)).then(function(){var e=Object(l.a)(r.a.mark((function e(a){var t;return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t=a.data,o(t.data),k(Math.ceil(t.countBlog/20));case 3:case"end":return e.stop()}}),e)})));return function(a){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}));case 2:case"end":return e.stop()}}),e)})));return function(a){return e.apply(this,arguments)}}(),L=function(){var e=Object(l.a)(r.a.mark((function e(a){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:a.page=a.page||1,m.a.getBlogGroupNewPage(N({},a)).then(function(){var e=Object(l.a)(r.a.mark((function e(a){var t;return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t=a.data,o(t.data),k(Math.ceil(t.countBlog/20

1));case 3:case"end":return e.stop()}}),e)})));return function(a){return e.apply(this,arguments)}}()).catch((function(e){console.log(e.response)}));case 2:case"end":return e.stop()}}),e)})));return function(a){return e.apply(this,arguments)}}(),O=function(){var e=Object(l.a)(r.a.mark((function e(a){var n;return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=a.selected,w(n),window.scrollTo(0,0),"blog_popula"!=t){e.next=6;break}return e.next=6,x({page:n+1});case 6:if("blog_new_hot"!=t){e.next=9;break}return e.next=9,_({page:n+1});case 9:if("blog_new"!=t){e.next=12;break}return e.next=12,L({page:n+1});case 12:case"end":return e.stop()}}),e)})));return function(a){return e.apply(this,arguments)}}();return Object(i.useEffect)((function(){document.getElementsByClassName("main-layout")[0]&&(document.getElementsByClassName("main-layout")[0].style.backgroundColor="#F8F9FA"),"blog_popula"==t&&x({}),"blog_new_hot"==t&&_({}),"blog_new"==t&&L({})}),[]),v("div",null,v(c.a,{title:t},v("div",{className:"container"},v("div",{className:"row"},v("div",{className:"col-12"},v("nav",{"aria-label":"breadcrumb"},v("ol",{className:"breadcrumb"},v("li",{className:"breadcrumb-item"},v(u.Link,{href:"/",as:"/"},v("a",null,a("home")))),v("li",{className:"breadcrumb-item"},v(u.Link,{href:"/blog",as:"/blog"},v("a",null,a("blog")))),v("li",{className:"breadcrumb-item active"},v("a",null,a("".concat(t)))))))),v("div",{className:"row"},v("div",{className:"col-12"},v("div",{className:"text-center"},v("h2",null,a("".concat(t)))))),v("div",{className:"row mt-5 pb-4"},0!=s.length?s.map((function(e){return v("div",{key:Math.random(),className:" col-lg-3 col-4"},v(d.a,{data:e,penname:e.blog_writer.penname1}))})):v("div",{className:"col-12"},v("div",{className:"row d-none d-lg-flex"},v(b.a,{show:20,grid:4})),v("div",{className:"row d-none d-lg-none d-md-flex"},v(b.a,{show:20,grid:3})))),h>1&&v("div",{className:"blog-pop d-flex justify-content-end"},v(f.a,{previousLabel:a("back"),nextLabel:a("next"),breakLabel:"...",breakClassName:"break-me",pageCount:h,forcePage:y,marginPagesDisplayed:2,pageRangeDisplayed:5,onPageChange:O,containerClassName:"pagination",subContainerClassName:"pages pagination",activeClassName:"active"})))))}))},SY1F:function(e,a,t){"use strict";var n=t("q1tI"),r=t.n(n).a.createElement;a.a=function(e){var a=e.classes,t=e.size||[100,50],n={width:"".concat(t[0],"px"),height:"".concat(t[1],"px")};return r("span",{className:"shimmer "+a,style:n})}},j8ru:function(e,a,t){"use strict";var n=t("q1tI"),r=t.n(n),s=t("4JyM"),l=t("s02U"),i=r.a.createElement;a.a=Object(s.withTranslation)("blog_card")((function(e){var a,t=e.penname,n=e.data,r=e.t;function o(e){return Math.abs(Number(e))>=1e9?(Math.abs(Number(e))/1e9).toString().slice(0,4)+"B":Math.abs(Number(e))>=1e6?(Math.abs(Number(e))/1e6).toString().slice(0,4)+"M":Math.abs(Number(e))>=1e3?(Math.abs(Number(e))/1e3).toString().slice(0,4)+"K":Math.abs(Number(e))}return i("div",{id:"blog-card"},n?i(s.Link,{href:(a=n,0==a.type&&a.blog_data.length?"/blog/[blogid]/[data_id]?blogid=".concat(a.id,"&data_id=").concat(a.blog_data[0].id):"/blog/[blogid]?blogid=".concat(a.id)),as:function(e){return 0==e.type&&e.blog_data.length?"/blog/".concat(e.id,"/").concat(e.blog_data[0].id):"/blog/".concat(e.id)}(n)},i("a",null,i("div",{className:"blog-card"},i("div",{className:"blog-card-img-l"},i("div",{className:"blog-card-img-m"},i("img",{className:"blog-card-img-s",src:0!=n.blog_group_banners.length?function(e){var a=e.filter((function(e){return 0==e.type})).map((function(e){return{id:e.id,picture:e.picture}}));return a.length?a[0].picture:"/icon/blog-icon-chapter.svg"}(n.blog_group_banners):"/icon/blog-icon-chapter.svg"}))),i("div",{className:"blog-card-detail"},i("p",{className:"blog-card-date"},l.a.formatDate(n.updatedAt,!0,!1,!0)),i("h3",{className:"blog-card-title"},n.title),i("p",{className:"blog-card-t"},r("writer")," : ",t),i("div",{className:"blog-card-row"},i("img",{title:"\u0e16\u0e39\u0e01\u0e43\u0e08",alt:"\u0e16\u0e39\u0e01\u0e43\u0e08",src:"/icon/Group9242.svg",className:"blog-card-icon fav-none"}),i("p",{className:"blog-card-like"},o(n.blog_group_stat.liked)),i("div",{className:"blog-card-t2"},i("div",{className:"blog-card-btn1 ".concat(0==n.type?"blog-card-btn2":"")}

1,0==n.type?r("type_one"):r("eps")))),i("div",{className:"blog-card-row"},i("p",{className:"blog-card-txt"},r("read_more")),i("div",{className:"blog-card-ico"},i("img",{title:"\u0e22\u0e2d\u0e14\u0e27\u0e34\u0e27",alt:"\u0e22\u0e2d\u0e14\u0e27\u0e34\u0e27",className:"blog-card-icon eye",src:"/icon/icon-eye.svg"}),i("p",{className:"blog-card-p l"},o(n.blog_group_stat.viewed)),i("img",{title:"\u0e04\u0e2d\u0e21\u0e40\u0e21\u0e49\u0e19\u0e17\u0e4c",alt:"\u0e04\u0e2d\u0e21\u0e40\u0e21\u0e49\u0e19\u0e17\u0e4c",className:"blog-card-icon message",src:"/icon/icon-message.svg"}),i("p",{className:"blog-card-p"},o(n.blog_group_stat.comments)))))))):"")}))},kzof:function(e,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var n=function(){function e(e,a){for(var t=0;t<a.length;t++){var n=a[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(a,t,n){return t&&e(a.prototype,t),n&&e(a,n),a}}(),r=t("q1tI"),s=c(r),l=c(t("17x9")),i=c(t("3LHp")),o=c(t("1c7f"));function c(e){return e&&e.__esModule?e:{default:e}}var u=function(e){function a(e){!function(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}(this,a);var t=function(e,a){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!==typeof a&&"function"!==typeof a?e:a}(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,e));t.handlePreviousPage=function(e){var a=t.state.selected;e.preventDefault?e.preventDefault():e.returnValue=!1,a>0&&t.handlePageSelected(a-1,e)},t.handleNextPage=function(e){var a=t.state.selected,n=t.props.pageCount;e.preventDefault?e.preventDefault():e.returnValue=!1,a<n-1&&t.handlePageSelected(a+1,e)},t.handlePageSelected=function(e,a){a.preventDefault?a.preventDefault():a.returnValue=!1,t.state.selected!==e&&(t.setState({selected:e}),t.callCallback(e))},t.handleBreakClick=function(e,a){a.preventDefault?a.preventDefault():a.returnValue=!1;var n=t.state.selected;t.handlePageSelected(n<e?t.getForwardJump():t.getBackwardJump(),a)},t.callCallback=function(e){"undefined"!==typeof t.props.onPageChange&&"function"===typeof t.props.onPageChange&&t.props.onPageChange({selected:e})},t.pagination=function(){var e=[],a=t.props,n=a.pageRangeDisplayed,r=a.pageCount,l=a.marginPagesDisplayed,i=a.breakLabel,c=a.breakClassName,u=a.breakLinkClassName,d=t.state.selected;if(r<=n)for(var p=0;p<r;p++)e.push(t.getPageElement(p));else{var f=n/2,g=n-f;d>r-n/2?f=n-(g=r-d):d<n/2&&(g=n-(f=d));var b=void 0,m=void 0,v=void 0,h=function(e){return t.getPageElement(e)};for(b=0;b<r;b++)(m=b+1)<=l?e.push(h(b)):m>r-l?e.push(h(b)):b>=d-f&&b<=d+g?e.push(h(b)):i&&e[e.length-1]!==v&&(v=s.default.createElement(o.default,{key:b,breakLabel:i,breakClassName:c,breakLinkClassName:u,onClick:t.handleBreakClick.bind(null,b)}),e.push(v))}return e};var n=void 0;return n=e.initialPage?e.initialPage:e.forcePage?e.forcePage:0,t.state={selected:n},t}return function(e,a){if("function"!==typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function, not "+typeof a);e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),a&&(Object.setPrototypeOf?Object.setPrototypeOf(e,a):e.__proto__=a)}(a,e),n(a,[{key:"componentDidMount",value:function(){var e=this.props,a=e.initialPage,t=e.disableInitialCallback,n=e.extraAriaContext;"undefined"===typeof a||t||this.callCallback(a),n&&console.warn("DEPRECATED (react-paginate): The extraAriaContext prop is deprecated. You should now use the ariaLabelBuilder instead.")}},{key:"componentDidUpdate",value:function(e){"undefined"!==typeof this.props.forcePage&&this.props.forcePage!==e.forcePage&&this.setState({selected:this.props.forcePage})}},{key:"getForwardJump",value:function(){var e=this.state.selected,a=this.props,t=a.pageCount,n=e+a.pageRangeDisplayed;return n>=t?t-1:n}},{key:"getBackwardJump",value:function(){var e=this.state.selected-this.props.pageRangeDisplayed;return e<0?0:e}},{key:"hrefBuilder",value:function(e){var a=this.props,t=a.hrefBuilder,n=a.pageCount;if(t&&e!==this.state.selected&&e>=0&&e<n)return t(e+1)}},{key:"ariaLabelBuilder",value:function(e){var a=e===this.state.selected;if(this.props.ariaLabelBuilder&&e>=0&&e<this.props.pageCount){var t=this.props.ariaLabelBuilder(e+1,a);return this.props.extraAriaContext&&!a&&(t=t+" "+this.props.extraAriaContext),t}}},{key:"getPageElement",value:function(e){var a=this.state.selected,t=this.props,n=t.pageClassName,r=t.pageLinkClassName,l=t.activeClassName,o=t.activeLinkClassName,c=t.extraAriaContext;return s.default.createElement(i.default,{key:e,onClick:this.handlePageSelected.bind(null,e),selected:a===e,page

1ClassName:n,pageLinkClassName:r,activeClassName:l,activeLinkClassName:o,extraAriaContext:c,href:this.hrefBuilder(e),ariaLabel:this.ariaLabelBuilder(e),page:e+1})}},{key:"render",value:function(){var e=this.props,a=e.disabledClassName,t=e.previousClassName,n=e.nextClassName,r=e.pageCount,l=e.containerClassName,i=e.previousLinkClassName,o=e.previousLabel,c=e.nextLinkClassName,u=e.nextLabel,d=this.state.selected,p=t+(0===d?" "+a:""),f=n+(d===r-1?" "+a:""),g=0===d?"true":"false",b=d===r-1?"true":"false";return s.default.createElement("ul",{className:l},s.default.createElement("li",{className:p},s.default.createElement("a",{onClick:this.handlePreviousPage,className:i,href:this.hrefBuilder(d-1),tabIndex:"0",role:"button",onKeyPress:this.handlePreviousPage,"aria-disabled":g},o)),this.pagination(),s.default.createElement("li",{className:f},s.default.createElement("a",{onClick:this.handleNextPage,className:c,href:this.hrefBuilder(d+1),tabIndex:"0",role:"button",onKeyPress:this.handleNextPage,"aria-disabled":b},u)))}}]),a}(r.Component);u.propTypes={pageCount:l.default.number.isRequired,pageRangeDisplayed:l.default.number.isRequired,marginPagesDisplayed:l.default.number.isRequired,previousLabel:l.default.node,nextLabel:l.default.node,breakLabel:l.default.oneOfType([l.default.string,l.default.node]),hrefBuilder:l.default.func,onPageChange:l.default.func,initialPage:l.default.number,forcePage:l.default.number,disableInitialCallback:l.default.bool,containerClassName:l.default.string,pageClassName:l.default.string,pageLinkClassName:l.default.string,activeClassName:l.default.string,activeLinkClassName:l.default.string,previousClassName:l.default.string,nextClassName:l.default.string,previousLinkClassName:l.default.string,nextLinkClassName:l.default.string,disabledClassName:l.default.string,breakClassName:l.default.string,breakLinkClassName:l.default.string,extraAriaContext:l.default.string,ariaLabelBuilder:l.default.func},u.defaultProps={pageCount:10,pageRangeDisplayed:2,marginPagesDisplayed:3,activeClassName:"selected",previousClassName:"previous",nextClassName:"next",previousLabel:"Previous",nextLabel:"Next",breakLabel:"...",disabledClassName:"disabled",disableInitialCallback:!1},a.default=u},mSSp:function(e,a,t){"use strict";var n=t("q1tI"),r=t.n(n),s=t("SY1F"),l=r.a.createElement,i=Object(n.memo)((function(e){var a=e.show,t=e.grid,n=void 0===t?3:t;return l(r.a.Fragment,null,l((function(e){for(var a=e.show,t=[],r=0;r<a;r++)t.push(l("div",{key:Math.random(),className:"pb-5 col-"+12/n},l("div",{className:"product-main-grid"},l("div",{className:"product-card",style:{background:"#fff"}},l("div",{className:"show-logo"},l(s.a,{size:[80,16]})),l("div",{className:"show-book"},l(s.a,{classes:"shimmwer-card",size:[160,220]})),l("div",{className:"product-detail"},l("h3",{className:"book-name"},l(s.a,{size:[260,16]})),l("p",{className:"book-author"},l(s.a,{size:[200,16]})),l("p",{className:"book-price"},l(s.a,{size:[80,16]})))))));return t}),{show:a}))}));a.a=i},werx:function(e,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var n,r=t("kzof"),s=(n=r)&&n.__esModule?n:{default:n};a.default=s.default}},[["JrZO",0,2,1,3,5,4,6,7,8,9,10]]]);