https://rootstock.io/component---src-templates-blog-tag-js-01d1af6b6279efcbc5d6.js

1"use strict";(self.webpackChunkrsk=self.webpackChunkrsk||[]).push([[5227],{584:function(e,t,a){a.r(t),a.d(t,{Head:function(){return o}});var l=a(6540),n=a(5032),r=a(3876),s=a(4755),c=a(3917);t.default=e=>{var t,a;const{t:n}=(0,s.useTranslation)(),o=(null===(t=e.data)||void 0===t?void 0:t.tag)||{},m=(null==o?void 0:o.translations)||{},i=(null==o||null===(a=o.posts)||void 0===a?void 0:a.nodes)||[],{0:d,1:u}=(0,l.useState)(32),{0:p,1:g}=(0,l.useState)(i),{0:E,1:h}=(0,l.useState)(i.length>d),{0:f,1:b}=(0,l.useState)(""),{0:v,1:N}=(0,l.useState)(""),x=()=>{u(d+32)};(0,l.useEffect)((()=>{g(i.filter((e=>{var t;return(!f||(null==e||null===(t=e.categories)||void 0===t?void 0:t.nodes.length)>0&&e.categories.nodes.some((e=>e.id===+f)))&&e.title.toString().toLowerCase().indexOf(v.toLowerCase())>-1})))}),[i,f,v,d]),(0,l.useEffect)((()=>{const e=p.length>d;h(e)}),[p,d]);const k=(e=>{const t={};return e.forEach((e=>{e.categories.nodes.forEach((a=>{t[a.name]||(t[a.name]=[]),t[a.name].push(e)}))})),t})(p),w=()=>{if(E)return l.createElement("div",{className:"text-center"},l.createElement("button",{type:"button",className:"btn btn-outline-white btn-lg",onClick:x},n("Load More")))};return l.createElement(r.A,{translations:m},l.createElement("section",{className:"pt-14-rem pb-lg-0 overflow-hidden"},l.createElement("div",{className:"container"},l.createElement("h1",{className:"h3 mb-3 mb-md-4 mb-lg-5 mb-xxl-9"},'"',o.name,'" ',n("tag related articles"),i.length>0&&l.createElement("span",{className:"zg-label bg-cyan ms-2 fs-14 align-top"},i.length)),l.createElement("div",{className:"pt-3 pb-2 pt-md-6 pb-md-4"},l.createElement("form",{action:"#",className:"position-relative hs-form",onSubmit:()=>!1,"data-bs-theme":"dark"},l.createElement("svg",{width:"20",height:"20",className:"position-absolute top-50 translate-middle-y ms-3 opacity-75"},l.createElement("use",{xlinkHref:"#icon-search"})),l.createElement("input",{type:"search",value:v,placeholder:"Search",className:"hs-input form-control-alt form-control-alt-md px-7 pe-8",onChange:e=>{N(e.target.value),u(32)}}),l.createElement("button",{type:"button",className:`p-0 border-0 bg-transparent text-gray position-absolute top-50 translate-middle-y end-0 p-2 me-2 z-1 ${!v&&"d-none"}`,onClick:()=>{N(""),u(32)},"aria-label":"Close"},l.createElement("svg",{width:"16",height:"16",className:"d-block"},l.createElement("use",{xlinkHref:"#icon-close"}))))))),l.createElement("section",{className:"pt-3 pt-md-4 pb-10 pb-lg-14"},l.createElement("div",{className:"container d-flex flex-column gap-4 gap-md-5"},Object.keys(k).map(((e,t)=>l.createElement("div",{key:t},l.createElement("h2",{className:"fs-14 fw-normal mb-3 d-flex align-items-center gap-2 py-3 border-top border-gray border-bottom"},l.createElement("svg",{className:"flex-shrink-0",width:"16",height:"16"},l.createElement("use",{xlinkHref:"#icon-rootstock"})),e),l.createElement("div",{className:"d-flex flex-column gap-1 align-items-start"},k[e].slice(0,d).map(((e,t)=>{return l.createElement(c.A,{className:"zg-link-white d-flex align-items-stretch gap-3 py-2 text-decoration-none",key:t,to:e.uri},l.createElement("svg",{width:24,height:24,className:"text-purple flex-shrink-0"},l.createElement("use",{xlinkHref:"#icon-doc"})),l.createElement("span",{className:"d-flex align-items-center",dangerouslySetInnerHTML:{__html:(a=e.title,n=v,n?a.replace(new RegExp(n,"gi"),(e=>`<mark>${e}</mark>`)):a)}}));var a,n})))))),0===p.length&&l.createElement("div",{className:"col-12 mx-auto"},l.createElement("p",{className:"text-center fs-18"},v?l.createElement(l.Fragment,null,n("No results for query"),": ",l.createElement("span",{className:"fw-bold"},v)):l.createElement(l.Fragment,null,n("No results for tag"),": ",l.createElement("span",{className:"fw-bold"},o.name)))),l.createElement(w,null))))};const o=e=>{var t;const a=(null==e||null===(t=e.data)||void 0===t?void 0:t.tag)||{},{t:r}=(0,s.useTranslation)();return l.createElement(n.A,{title:`${a.name} ${r("tag related articles")}`,description:null==a?void 0:a.description})}},3876:function(e,t,a){var l=a(6540),n=a(1469),r=a(947),s=a(3586),c=a(6203);t.A=e=>{let{children:t,translations:a}=e;return l.createElement(c.p,null,l.createElement(n.Y,{translations:a}),l.createElement("main",null,t),l.createElement(r.w,null),l.createElement(s.I,null))}}}]);
2//# sourceMappingURL=component---src-templates-blog-tag-js-01d1af6b6279efcbc5d6.js.map