https://yinkashonibare.com/component---src-pages-press-js-3501ac6d76a3bc9acb57.js

1"use strict";(self.webpackChunkstudio_prismic_starter=self.webpackChunkstudio_prismic_starter||[]).push([[447],{5767:function(e,t,a){a.r(t);a(3383);var i=a(7294),l=a(2788),n=a(7654),s=a(9293),r=a(3665),m=a(4329),p=a(7735),o=a(926),c=a(2120);const d=l.default.div.withConfig({displayName:"press__Page",componentId:"sc-id2lx3-0"})(["margin:0 0 130px 0;& h1{font-size:14px;line-height:22px;letter-spacing:0.05em;margin:0 0 40px 0;}& p{font-size:18px;line-height:26px;letter-spacing:0.05em;@media (max-width:768px){font-size:16px;line-height:24px;}}& section{margin:0 0 60px 0;}& ol{grid-column:1 / 10;& li{& span{display:inline;& p{display:inline;line-height:28px;margin:0;}@media (max-width:768px){line-height:24px;}&.year{font-size:14px;letter-spacing:0.06em;}}transition:250ms color ease;&:hover{color:#4383ef;}}@media (max-width:1075px){grid-column:unset;}@media (max-width:787px){& li{margin:0 0 1em 0;}}}& .active-press-item{grid-column:10 / 13;height:calc(100vh - 200px);position:sticky;top:120px;& img{max-width:310px;margin:0 0 0 auto;}@media (max-width:1075px){display:none;}}@media (max-width:768px){margin:0 0 55px 0;}"]),g=l.default.div.withConfig({displayName:"press__DesktopFilters",componentId:"sc-id2lx3-1"})(["display:grid;grid-template-columns:repeat(11,1fr);grid-column-gap:40px;@media (max-width:1350px){grid-column-gap:20px;}@media (max-width:1100px){display:flex;grid-template-columns:unset;grid-column-gap:unset;}grid-column:1 / 13;margin:25px 0 20px 0;& button{margin:0 15px 0 0;text-transform:capitalize;text-align:left;font-size:14px;line-height:22px;letter-spacing:0.05em;&:last-of-type{margin:0;}& span{opacity:0;transition:250ms opacity ease;}&:hover,&.active-tag{& span{opacity:1;}}& svg{margin:0 7px 0 0;}&.view-all{@media (max-width:1100px){margin:0 15px 0 0;}}}& .tags-container{grid-column:2 / 12;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}"]),u=l.default.div.withConfig({displayName:"press__MobileFilters",componentId:"sc-id2lx3-2"})(["margin:0 0 20px 0;grid-column:1 / 13;& .mobile-filters-container{& button{display:block;font-size:16px;line-height:22px;letter-spacing:0.05em;margin:0 0 10px 0;text-transform:capitalize;text-align:left;color:#163262;& span{opacity:0;transition:250ms opacity ease;}&:hover,&.active-tag{& span{opacity:1;}}& svg{margin:0 7px 0 0;}}& .tags-container{}}&.visible{& .mobile-filters-container{position:absolute;top:0;left:0;right:0;background-color:#5694fd;z-index:10;padding:124px 40px 20px 40px;@media (max-width:768px){padding:107px 20px 20px 20px;}& button{color:#163262;&.toggle{font-size:14px;line-height:20px;letter-spacing:0.06em;}}}}& .toggle{font-size:14px;line-height:20px;letter-spacing:0.06em;}@media (max-width:768px){& .mobile-filters-container{& button{& span{display:none;}&.active-tag{& span{display:inline-block;}}}}}"]),x=l.default.div.withConfig({displayName:"press__Grid",componentId:"sc-id2lx3-3"})(["display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:40px;& .content-grid{grid-column:1 / 12;&.top-row{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:40px;}&.bottom-row{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:40px;@media (max-width:1075px){display:block;grid-template-columns:unset;grid-column-gap:unset;}}}@media (max-width:768px){display:block;grid-template-columns:unset;grid-column-gap:unset;& .content-grid{grid-column:unset;&.top-row{display:block;grid-template-columns:unset;grid-column-gap:unset;}}}"]);t.default=(0,r.V0)((e=>{let{data:t}=e;const{0:a,1:l}=(0,i.useContext)(m.y),{0:r,1:f}=(0,i.useState)(null),{0:y,1:h}=(0,i.useState)("all"),{0:w,1:b}=(0,i.useState)(!1),v=(0,i.useRef)(null);(0,s.Z)(v,(()=>{b(!1)}));let E=(0,o.a)("(min-width: 1075px)");(0,i.useEffect)((()=>

1{l({text:"#163262",background:"#F3FFA6"})}),[]),(0,i.useEffect)((()=>{b(!1)}),[y]),(0,i.useEffect)((()=>{!0===w?(document.body.classList.add("mobile-filters-open"),document.body.classList.add("press")):(document.body.classList.remove("mobile-filters-open"),document.body.classList.remove("press"))}),[w]);const k=t.prismicPress.data.body.filter((e=>"all"===y||y===e.primary.year?e:void 0)),N=k.map(((e,t)=>i.createElement("li",{key:"single_press_article_"+t,onMouseEnter:()=>f(t),onMouseLeave:()=>f(null)},i.createElement("span",{dangerouslySetInnerHTML:{__html:e.primary.article.html}}),",",i.createElement("span",{className:"year"}," ",e.primary.year)))),_=Array.from(new Set(t.prismicPress.data.body.map((e=>e.primary.year)).flat())).sort(((e,t)=>t-e)).map(((e,t)=>i.createElement("button",{key:"single_news_tag_"+t,onClick:()=>h(e),className:y===e?"active-tag":""},i.createElement("span",null,"("),e,i.createElement("span",null,")"))));return i.createElement(i.Fragment,null,i.createElement(p.T,{title:t.prismicPress.data.title.text,description:null,image:null,url:"https://yinkashonibare.com"+t.prismicPress.url}),i.createElement(d,null,i.createElement(x,null,i.createElement("div",{className:"content-grid top-row"},E?i.createElement(g,null,i.createElement("button",{onClick:()=>h("all"),className:"all"===y?"active-tag view-all":" view-all"},i.createElement("span",null,"("),"View All",i.createElement("span",null,")")),i.createElement("div",{className:"tags-container"},i.createElement("div",{className:"tags"},_))):i.createElement(u,{className:w?"visible":"hidden",ref:v},i.createElement("button",{className:"toggle open",onClick:()=>{b(!w)}},"Filter ",w?"-":"+"),w&&i.createElement(n.Z,null,i.createElement("div",{className:"mobile-filters-container"},i.createElement("button",{className:"toggle close",onClick:()=>{b(!1)}},"Filter -"),i.createElement("button",{onClick:()=>h("all"),className:"all"===y?"active-tag view-all":" view-all"},i.createElement("span",null,"("),"View All",i.createElement("span",null,")")),i.createElement("div",{className:"tags-container"},i.createElement("div",{className:"tags"},_))))))),i.createElement(x,null,i.createElement("div",{className:"content-grid bottom-row"},i.createElement("ol",null,N),i.createElement("div",{className:"active-press-item"},null!==r&&null!==k[r].primary.image.fluid&&i.createElement("img",{className:(0,c.J)(k[r].primary.image),srcSet:k[r].primary.image.fluid.srcSet,src:k[r].primary.image.fluid.src,alt:k[r].primary.image.alt}))))))}))}}]);
2//# sourceMappingURL=component---src-pages-press-js-3501ac6d76a3bc9acb57.js.map