1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[486],{67551:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return CategoryMenu}});var n=a(85893),s=a(87462),r=a(67294),c=a(54142),l=r.forwardRef(function(e,t){return r.createElement(c.r,(0,s.Z)({iconAttrs:{fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},iconVerticalAlign:"middle",iconViewBox:"0 0 16 16"},e,{ref:t}),r.createElement("path",{fillRule:"evenodd",d:"M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"}))});l.displayName="TextLeft";var i=a(10880),o=a(41664),u=a.n(o),h=a(11163),g=a(19048),d=a(59010),m=a(37449),_=a(95932),x=a.n(_);function CategoryMenu(){let[e,t]=(0,r.useState)([]),[a,s]=(0,r.useState)(!0),[c,o]=(0,r.useState)(!1),_=(0,h.useRouter)();async function GetData(){let e=await (0,m.gN)("/api/home/categories?only_category=true");e.success?t(e.category):t(null),s(!1)}(0,r.useEffect)(()=>{GetData()},[]);let toggleCategory=()=>o(!c);return(0,r.useEffect)(()=>{_.events.on("routeChangeStart",()=>{o(!1)})},[]),(0,n.jsxs)("div",{className:x().category_container,children:[(0,n.jsxs)("button",{onClick:()=>toggleCategory(),className:x().catButton,children:[(0,n.jsx)(l,{width:24,height:24}),"\xa0Categories"]}),(0,n.jsx)(g.Z,{show:c,onClickOutside:()=>o(!0),children:(0,n.jsx)("div",{className:x().menu,children:a?(0,n.jsx)("div",{className:x().loader,children:(0,n.jsx)(i.U,{width:30,height:30})}):e?(0,n.jsxs)("ul",{children:[e.map((e,t)=>{var a;return(0,n.jsxs)("li",{className:x().item,children:[(0,n.jsxs)(u(),{href:"/gallery?category=".concat(e.slug),className:x().link,shallow:!0,children:[(0,n.jsx)(d.Z,{src:null===(a=e.icon[0])||void 0===a?void 0:a.url,width:20,height:20,alt:e.name}),(0,n.jsx)("span",{children:e.name})]}),e.subCategories&&e.subCategories.length>0&&(0,n.jsx)("div",{className:x().subMenu,children:(0,n.jsx)("ul",{children:e.subCategories.map((t,a)=>(0,n.jsx)("li",{children:(0,n.jsx)(u(),{href:"/gallery?category=".concat(t.slug,"&parent=").concat(e.slug),shallow:!0,children:(0,n.jsx)("span",{children:t.name})})},a))})})]},t)}),(0,n.jsx)("li",{className:x().item,children:(0,n.jsx)(u(),{href:"/categories",className:"justify-content-center fw-bold",children:"See all"})})]}):(0,n.jsx)("div",{children:"Something Went Wrong"})})})]})}},95932:function(e){e.exports={category_container:"categoryMenu_category_container__DGdie",catButton:"categoryMenu_catButton__zQqET",menu:"categoryMenu_menu__UizvK",loader:"categoryMenu_loader__Z6F7C",spin:"categoryMenu_spin__SEIRn",subMenu:"categoryMenu_subMenu__DFejb",item:"categoryMenu_item__mRkY2",link:"categoryMenu_link__Sou2p"}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.