https://protrainy.com/_next/static/chunks/app/(blogs)/blog-list/page-74b39d070c6a32ad.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4189],{18816:function(e,t,s){Promise.resolve().then(s.bind(s,10806)),Promise.resolve().then(s.bind(s,90456))},10806:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return b}});var l=s(57437),r=s(81023),a=s(37263),n=s(48930),i=s(99903),c=s(11407),d=s(51687),o=s(2265);s(16691),s(61396);var u=s(13312),h=s(32766),m=e=>{let{isPagination:t,blogdata:s}=e,[r,a]=(0,o.useState)([]),[n,i]=(0,o.useState)(1),[c,d]=(0,o.useState)(0),[m,f]=(0,o.useState)(""),j=r.filter(e=>e.title.toLowerCase().includes(m.toLowerCase())),x=(n-1)*7,b=j.slice(x,x+7);return(0,o.useEffect)(()=>{a(s),d(Math.ceil(s.length/7))},[a,d,s]),(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"row mb--30 mt--30",children:(0,l.jsx)("div",{className:"col-lg-10 offset-lg-1",children:(0,l.jsx)("div",{className:"rbt-widget-search",children:(0,l.jsx)("div",{className:"inner",children:(0,l.jsxs)("form",{onSubmit:e=>e.preventDefault(),className:"rbt-search-style-1",children:[(0,l.jsx)("input",{type:"text",placeholder:"Search Blogs",value:m,onChange:e=>{f(e.target.value),i(1)}}),(0,l.jsx)("button",{type:"submit",className:"search-btn",children:(0,l.jsx)("i",{className:"feather-search"})})]})})})})}),(0,l.jsx)("div",{className:"row",children:(0,l.jsx)("div",{className:"col-lg-10 offset-lg-1 mt_dec--30",children:(0,l.jsx)(u.Z,{selectedBlog:b,start:0,end:7})})}),t?(0,l.jsx)("div",{className:"row",children:(0,l.jsx)("div",{className:"col-lg-12 mt--60",children:(0,l.jsx)(h.Z,{totalPages:c,pageNumber:n,handleClick:e=>{i(e),window.scrollTo({top:0,behavior:"smooth"})}})})}):""]})})},f=s(50389),j=s(11234),x=s(28630),b=e=>{let{getAllBlogs:t}=e;return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(r.zt,{store:a.Z,children:(0,l.jsxs)(n.ZP,{children:[(0,l.jsx)(i.Z,{}),(0,l.jsx)(c.Z,{headerSticky:"rbt-sticky",headerType:""}),(0,l.jsx)(d.Z,{}),(0,l.jsx)(x.Z,{col:"col-lg-10 offset-lg-1",text:"All Blog",blogdata:t}),(0,l.jsx)("div",{className:"rbt-blog-area rbt-section-overlayping-top rbt-section-gapBottom",children:(0,l.jsx)("div",{className:"container",children:(0,l.jsx)(m,{isPagination:!0,blogdata:t})})}),(0,l.jsx)(f.Z,{}),(0,l.jsx)(j.Z,{})]})})})}},90456:function(e,t,s){"use strict";s.r(t);var l=s(57437),r=s(2265);t.default=()=>{let e=(0,r.useRef)(null);return(0,r.useEffect)(()=>{var t,s;let l=null===(t=e.current)||void 0===t?void 0:t.querySelector("path");if(!l)return;let r=l.getTotalLength();l.style.transition="none",l.style.strokeDasharray="".concat(r," ").concat(r),l.style.strokeDashoffset=r,l.getBoundingClientRect(),l.style.transition="stroke-dashoffset 10ms linear";let a=()=>{let t=window.pageYOffset||document.documentElement.scrollTop,s=r-t*r/(document.documentElement.scrollHeight-document.documentElement.clientHeight);l.style.strokeDashoffset=s;let a=e.current;a&&(t>50?a.classList.add("rbt-backto-top-active"):a.classList.remove("rbt-backto-top-active"))};return a(),window.addEventListener("scroll",a),null===(s=e.current)||void 0===s||s.addEventListener("click",e=>{e.preventDefault(),window.scrollTo({top:0,behavior:"smooth"})}),()=>{window.removeEventListener("scroll",a)}},[]),(0,l.jsx)("div",{className:"rbt-progress-parent",ref:e,children:(0,l.jsx)("svg",{className:"rbt-back-circle svg-inner",width:"100%",height:"100%",viewBox:"-1 -1 102 102",children:(0,l.jsx)("path",{d:"M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"})})})}},13312:function(e,t,s){"use strict";var l=s(57437),r=s(61396),a=s.n(r),n=s(16691),i=s.n(n);t.Z=e=>{let{start:t,end:s,selectedBlog:r}=e;return(0,l.jsx)(l.Fragment,{children:r&&r.slice(t,s).map((e,t)=>(0,l.jsxs)("div",{className:"rbt-card card-list variation-02 rbt-hover mt--30",children:[(0,l.jsx)("div",{className:"rbt-card-img",children:(0,l.jsx)(a(),{href:"/blog-details/".concat(e.slug||e.id),children:(0,l.jsx)(i(),{src:e.title_image||"/images/blog/blog-01.jpg",width:580,height:300,priority:!0,alt:"Card image"})})}),(0,l.jsxs)("div",{className:"rbt-card-body",children:[(0,l.jsx)("h5",{className:"rbt-card-title",children:(0,l.jsx)(a(),{href:"/blog-details/".concat(e.slug||e.id),children:e.title})}),(0,l.jsx)("div",{className:"rbt-card-bottom",children:(0,l.jsxs)(a(),{className:"transparent-button",href:"/blog-details/".concat(e.slug||e.id),children:["Read Article",(0,l.jsx)("i",{children:(0,l.jsx)("svg",{width:"17",height:"12",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsxs)("g",{stroke:"#27374D",fill:"none",fillRule:"evenodd",children:[(0,l.jsx)("path",{d:"M10.614 0l5.629 5.629-5.63 5.629"}),(0,l.jsx)("path",{strokeLinecap:"square",d:"M.663 5.572h14.594"})]})})})]})})]})]},t))})}},28630:function(e,t,s){"use strict";var l=s(57437),r=s(61396),a=s.n(r);s(2265),t.Z=e=>{let{text:t,col:s,blogdata:r}=e;return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{className:"rbt-page-banner-wrapper",children:[(0,l.jsx)("div",{className:"rbt-banner-image"}),(0,l.jsx)("div",{className:"rbt-banner-content",children:(0,l.jsx)("div",{className:"rbt-banner-content-top",children:(0,l.jsx)("div",{className:"container",children:(0,l.jsx)("div",{className:"row",children:(0,l.jsxs)("div",{className:s,children:[(0,l.jsxs)("ul",{className:"page-list",children:[(0,l.jsx)("li",{className:"rbt-breadcrumb-item",children:(0,l.jsx)(a(),{href:"/",children:"Home"})}),(0,l.jsx)("li",{children:(0,l.jsx)("div",{className:"icon-right",children:(0,l.jsx)("i",{className:"feather-chevron-right"})})}),(0,l.jsx)("li",{className:"rbt-breadcrumb-item active",children:t})]}),(0,l.jsxs)("div",{className:" title-wrapper",children:[(0,l.jsx)("h1",{className:"title mb--0",children:t}),(0,l.jsxs)(a(),{href:"#",className:"rbt-badge-2",children:[(0,l.jsx)("div",{className:"image",children:"\uD83C\uDF89"}),r?"".concat(r.length," Articles"):"50 Articles"]})]}),(0,l.jsx)("p",{className:"description",children:"Blog that help beginner designers become true unicorns."})]})})})})})]})})}},32766:function(e,t,s){"use strict";var l=s(57437),r=s(61396),a=s.n(r);t.Z=e=>{let{totalPages:t,pageNumber:s,handleClick:r}=e,n=[...Array(t).keys()].map(e=>e+1),i=()=>{r(s-1)},c=()=>{r(s+1)};return(0,l.jsx)("nav",{children:(0,l.jsx)("div",{className:"nav-links",children:(0,l.jsxs)("ul",{className:"rbt-pagination",children:[(0,l.jsx)("li",{className:1===s?"disabled":"",children:(0,l.jsx)(a(),{href:"#","aria-label":"Previous",onClick:()=>i(),children:(0,l.jsx)("i",{className:"feather-chevron-left"})})}),n.map(e=>(0,l.jsx)("li",{className:s===e?"active":"",children:(0,l.jsx)(a(),{href:"#",onClick:()=>r(e),children:e})},e)),(0,l.jsx)("li",{className:s===t?"disabled":"",children:(0,l.jsx)(a(),{href:"#","aria-label":"Next",onClick:()=>c(),children:(0,l.jsx)("i",{className:"feather-chevron-right"})})})]})})})}},24930:function(e,t,s){"use strict";

1Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n}});let l=s(21024);s(2265);let r=l._(s(84795));function a(e){return{default:(null==e?void 0:e.default)||e}}function n(e,t){let s=r.default,l={loading:e=>{let{error:t,isLoading:s,pastDelay:l}=e;return null}};"function"==typeof e&&(l.loader=e),Object.assign(l,t);let n=l.loader;return s({...l,loader:()=>null!=n?n().then(a):Promise.resolve(a(()=>null))})}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},16005:function(e,t,s){"use strict";function l(e){let{children:t}=e;return t}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"NoSSR",{enumerable:!0,get:function(){return l}}),s(46491)},84795:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return a}});let l=s(21024)._(s(2265)),r=s(16005),a=function(e){let t=Object.assign({loader:null,loading:null,ssr:!0},e);function s(e){let s=t.loading,a=l.default.createElement(s,{isLoading:!0,pastDelay:!0,error:null}),n=t.ssr?l.default.Fragment:r.NoSSR,i=t.lazy;return l.default.createElement(l.default.Suspense,{fallback:a},l.default.createElement(n,null,l.default.createElement(i,e)))}return t.lazy=l.default.lazy(t.loader),s.displayName="LoadableComponent",s}}},function(e){e.O(0,[5250,5532,6691,737,9102,3133,1234,8788,2971,4938,1744],function(){return e(e.s=18816)}),_N_E=e.O()}]);