https://softtik.com/component---src-pages-blogs-js-4e78556dc2791ef8fce3.js

1"use strict";(self.webpackChunksofttik_com=self.webpackChunksofttik_com||[]).push([[6576],{514:function(e,t,a){a.r(t),a.d(t,{allblogs:function(){return u}});var l=a(7387),s=a(6540),o=a(7685),n=a(3442);const c=(0,o.Ay)((()=>Promise.all([a.e(906),a.e(3815)]).then(a.bind(a,3815)))),r=(0,o.Ay)((()=>a.e(9764).then(a.t.bind(a,9764,23)))),i=(0,o.Ay)((()=>Promise.all([a.e(1869),a.e(6593),a.e(906)]).then(a.bind(a,8433)))),g=(0,o.Ay)((()=>a.e(2705).then(a.bind(a,2705)))),m=(0,o.Ay)((()=>a.e(5127).then(a.bind(a,5127)))),d=(0,o.Ay)((()=>Promise.all([a.e(1869),a.e(906),a.e(9956)]).then(a.bind(a,9956))));let u=function(e){function t(t){var a;return(a=e.call(this,t)||this).handleChange=e=>{a.searchBlog(e),a.setState({search:e})},a.searchBlog=async e=>{let{data:t}=a.props,{itemsPerPage:l,startOffset:s,blogs:o}=a.state;o=[],s=0,a.setState({blogs:o,startOffset:s,pageCount:0,blogsArray:[],category:"All"},(async()=>{if(void 0!==t.allContentfulSofttikBlogs){let n=await t.allContentfulSofttikBlogs.edges;""==e?n.forEach((e=>o.push(e.node))):await n.filter((t=>t.node.title.toLowerCase().includes(e.toLowerCase()))).forEach((e=>o.push(e.node))),o.sort(h),a.setState({blogs:o},(()=>{a.handlePageClick({selected:0}),a.setState({pageCount:Math.ceil(o.length/l)});const e=s+l;a.setState({blogsArray:o.slice(s,e)})}))}}))},a.setCategory=async e=>{let{data:t}=a.props,{itemsPerPage:l,startOffset:s,blogs:o}=a.state;o=[],s=0,a.setState({blogs:o,startOffset:s,pageCount:0,blogsArray:[]},(async()=>{if(void 0!==t.allContentfulSofttikBlogs){let n=await t.allContentfulSofttikBlogs.edges;null==e||"null"==e||"All"==e?n.forEach((e=>o.push(e.node))):("AI Blogs"==e||"AI News"==e)&&n.filter((t=>t.node.category.includes(e))).forEach((e=>o.push(e.node))),o.sort(h),a.setState({blogs:o},(()=>{a.handlePageClick({selected:0}),a.setState({pageCount:Math.ceil(o.length/l)});const t=s+l;a.setState({blogsArray:o.slice(s,t),category:e}),localStorage.setItem("category",e)}))}}))},a.handlePageClick=e=>{let{selected:t}=e,{itemsPerPage:l,blogs:s,startOffset:o}=a.state;o=t*l%s.length,a.setState({startOffset:o,isSelected:t})},a.state={blogs:[],pageCount:0,itemsPerPage:10,startOffset:0,blogsArray:[],category:"All",search:"",isSelected:null},a}(0,l.A)(t,e);var a=t.prototype;return a.componentDidMount=function(){let{category:e}=this.state;e=localStorage.getItem("category"),this.setState({category:e}),this.setCategory(e)},a.componentDidUpdate=function(e,t){let{data:a}=this.props,{itemsPerPage:l,startOffset:s,blogs:o,category:n}=this.state;if(e.data!==a&&this.setCategory(n),o.length>0&&t.startOffset!==s){const e=s+l;this.setState({blogsArray:o.slice(s,e)}),this.setState({pageCount:Math.ceil(o.length/l)})}},a.render=function(){let{pageCount:e,blogsArray:t,category:a,isSelected:l,search:o}=this.state;return s.createElement(d,{header:"Main",fallback:s.createElement(n.A,null)},s.createElement(c,{type:"Website",fallback:s.createElement(n.A,null),path:"/blogs/",title:"Blogs",description:"Here are the top preferred blockchain blogs that you would love to go through. All the blogs are developed to give you a crystal clear understanding of the preferences and essentiality that you might impose in the application of yours."}),s.createElement("main",null,s.createElement("div",{id:"wrapper",className:"softtik-page"},s.createElement("div",{className:"blog-page"},s.createElement("section",{className:"banner-sec"},s.createElement("div",{className:"auto-container"},s.createElement("div",{className:"row"},s.createElement("div",{className:"col-lg-12 col-md-12 col-sm-12 text-center"},s.createElement("div",{className:"sec-title wow fadeIn","data-wow-delay":"600ms"},s.createElement("h2",null,"Blogs"),s.createElement("div",{className:"form-row"},s.createElement("div",{className:"form-group col-lg-4 offset-lg-4 col-md-8 col-sm-12"},s.createElement("input",{id:"search",type:"text",value:o,placeholder:"Search",onChange:e=>this.handleChange(e.target.value)}),s.createElement("button",{type:"button",className:"search-btn"},s.createElement("i",{className:"icon fa fa-search"}))))))))),s.createElement("section",{className:"banner-sec category-banner"},s.createElement("div",{className:"auto-container"},s.createElement("div",{className:"row"},s.createElement("div",{className:"col-lg-12 col-md-12 col-sm-12 text-center"},s.createElement("ul",{className:"category-banner-list"},s.createElement("li",null,s.createElement("button",{rel:"nofollow noopener",onClick:()=>this.setCategory("All"),type:"button",className:`category-link ${("All"==a||null==a||"null"==a)&&"active"}`},"All")),s.createElement("li",null,s.createElement("button",{rel:"nofollow noopener",onClick:()=>this.setCategory("AI Blogs"),type:"button",className:`category-link ${"AI Blogs"==a&&"active"}`},"AI Blogs")),s.createElement("li",null,s.createElement("button",{rel:"nofollow noopener",onClick:()=>this.setCategory("AI News"),type:"button",className:`category-link ${"AI News"==a&&"active"}`},"AI News"))))))),s.createElement("div",{className:"blog-page-slider-section position-relative"},s.createElement("div",{className:"blog-page-slider-section-content position-relative"},t.length>0?s.createElement("div",{className:"auto-container"},s.createElement("div",{className:"row"},t.some((e=>e.category==a))&&s.createElement("div",{className:"col-12 text-center"},s.createElement("div",{className:"sec-title wow fadeIn","data-wow-delay":"600ms"},s.createElement("h2",null,t.some((e=>e.category==a))?a:""))),s.createElement("div",null,"All"===a&&t.length>0&&s.createElement("div",{className:"col-lg-12 col-md-12 col-sm-12 first-blog"},s.createElement(m,{blog:t[0],category:a})),s.createElement("div",{className:"slide"},s.createElement("div",{className:"row"},("All"===a?t.slice(1):t).map((e=>s.createElement("div",{className:"col-lg-4 col-md-6 col-sm-12 float-left",key:e.slug},s.createElement(g,{blog:e,category:a})))))))),s.createElement("div",{className:"blog-pagination row"},s.createElement(r,{breakLabel:"...",nextLabel:"next >",onPageChange:e=>this.handlePageClick(e),pageRangeDisplayed:5,pageCount:e,breakClassName:"break-me",containerClassName:"pagination",subContainerClassName:"pages pagination",forcePage:l,previousLabel:"< prev",renderOnZeroPageCount:null,activeClassName:"active"}))):s.createElement("h2",{className:"no-blog-found d-flex justify-content-center"},"No Blogs Found!!!")))),s.createElement("section",{className:"contact-sec blog-contact-sec",id:"book-an-appointment"},s.createElement(i,null)))))},t}(s.Component);function h(e,t){return e.date>t.date?-1:e.date<t.date?1:0}t.default=u}}]);
2//# sourceMappingURL=component---src-pages-blogs-js-4e78556dc2791ef8fce3.js.map