1"use strict";(self.webpackChunkmusicboard_web=self.webpackChunkmusicboard_web||[]).push([[2466],{82601:(e,s,r)=>{r.d(s,{A:()=>v});const t="filter_item__3oaqa",a="filter_itemText__xWkhm",l="filter_active__j3fsx",i="filter_arrow__8eIuC",n="filter_container__8MH92",c="filter_header__KtHjS",d="filter_notHoveringClose__acBfN",o="filter_filters__5+j9G",h="filter_close__IR6Y2";var u=r(65043),m=r(20478),g=r(6086),x=r(56841),p=r(62582),j=r(64671),f=r(97508),b=r(70579);const v=function(e){let{proRequired:s,title:r,parameter:v,filters:_,className:N,style:w,clearFilter:y,showExactLabel:$,showInternalLabel:A,emptyLabel:k="All"}=e;const{colors:S}=(0,m.DP)(),[C,I]=((0,f.d4)((e=>e.me.is_pro)),(0,u.useState)(!1)),[M,E]=(0,u.useState)(null);(0,u.useEffect)((()=>{const e=document.getElementById(`${r}-${v}-filters`);E(e?e.clientHeight:null)}),[_]);const U=(0,x.W5)(),L=(0,x.zy)(),G=new URLSearchParams(L.search).get(v),{getHref:P}=(0,g.$)(),R=_.findIndex((e=>-1!==e.ordering.findIndex((e=>e.value==G)))),B=_[R]?_[R].ordering.findIndex((e=>e.value==G)):null,T=$?G||k:_[R]?A&&_[R].ordering[B]?_[R].ordering[B].label:_[R].title:k,[z,F]=(0,u.useState)(!1);return(0,b.jsxs)("div",{className:`${n} ${N} mobile-block`,style:{height:C?M?M+60:"initial":60,...w},children:[(0,b.jsxs)("div",{onClick:()=>!z&&I(!C),className:`${c} cursor ${z?"":d}`,children:[(0,b.jsx)("p",{className:"highDarkGrey",style:{fontSize:16},children:r}),(0,b.jsxs)("div",{className:"flex-row",children:[(0,b.jsxs)("div",{className:"flex-row",children:[(0,b.jsx)("h5",{className:"black",children:T}),(0,b.jsx)(j.A,{icon:"expand-more",className:`${i} ${C?l:""}`})]}),y&&G&&(0,b.jsx)(p.N_,{onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),onClick:()=>{F(!1),I(!1)},className:"margin-left-8",to:`${U.url}${P(null,v)}`,style:{height:20},children:(0,b.jsx)(j.A,{icon:"close",className:`${h}`,size:20})})]})]}),(0,b.jsx)("div",{id:`${r}-${v}-filters`,className:`${o}`,children:_.map(((e,s)=>(0,b.jsxs)("div",{className:"margin-top-8",children:[(0,b.jsxs)("div",{className:"flex-row justify-between",children:[(0,b.jsx)("h6",{className:"black margin-bottom-4",children:e.title}),0===s&&y&&G&&(0,b.jsx)(p.N_,{to:`${U.url}${P(null,v)}`,children:(0,b.jsx)("p",{children:"Clear filter"})})]}),e.ordering.map((e=>(0,b.jsx)(p.N_,{to:e.redirect?e.redirect:`${U.url}${P(e.value,v)}`,children:(0,b.jsxs)("div",{className:`flex-row ${t} ${e.value==G?l:""}`,children:[e.value==G&&(0,b.jsx)(j.A,{color:S.green,size:16,icon:"check"}),(0,b.jsx)("p",{className:`${a}`,children:e.label})]})},`ordering-${e.value}`)))]},`${r}-${v}-filter-${s}`)))})]})}},90907:(e,s,r)=>{r.d(s,{A:()=>l});r(65043);var t=r(39739),a=r(70579);const l=function(e){return(0,a.jsxs)(t.Ay,{speed:2,width:280,height:64,backgroundColor:"var(--lightGrey)",foregroundColor:"var(--darkLightGrey)",...e,children:[(0,a.jsx)("circle",{cx:"32",cy:"32",r:e.size?(e.size/2).toString():"24"}),(0,a.jsx)("rect",{x:"72",y:"19",rx:"2",ry:"2",width:"128",height:"10"}),(0,a.jsx)("rect",{x:"72",y:"39",rx:"2",ry:"2",width:"64",height:"6"})]})}},52466:(e,s,r)=>{r.r(s),r.d(s,{default:()=>_});var t=r(65043),a=r(97508),l=r(56841),i=r(39657),n=r(39526),c=r(30591),d=r(20478),o=r(90907),h=r(20498),u=r(82601),m=r(55859),g=r(75294),x=r(35877),p=r(69336),j=r(84147),f=r(85443),b=r(33815),v=r(70579);const _=function(){const e=(0,a.wA)(),s=(0,l.zy)(),{colors:r}=(0,d.DP)(),_=(0,i.Ub)({maxWidth:960}),N=new URLSearchParams(s.search).get("page")?new URLSearchParams(s.search).get("page"):1,w=new URLSearchParams(s.search).get("order_by")?new URLSearchParams(s.search).get("order_by"):null,y=(0,a.d4)((e=>e.home.activeUsers)),$=(0,a.d4)((e=>e.home.popularUsers)),A=(0,a.d4)((e=>e.home.suggestedUsers)),k=(0,a.d4)((e=>e.users.errorMessage)),[S,C]=(0,t.useState)(!1),I=(0,t.useRef)(!0);(0,t.useEffect)((()=>{I.current?I.current=!1:(C(!0),window.scrollTo(0,0)),e("week"===w?(0,c.hH)(N>1?24*(N-1):0):"suggested"===w?(0,c.Gj)(24,N>1?24*(N-1):0):(0,c.WA)(N>1?24*(N-1):0))}),[w,N]);const M="suggested"===w?"Suggested Members":"week"===w?"Weekly Top Members":"Most Popular Members",E="week"===w?y:"suggested"===w?A:$;return(0,v.jsxs)("div",{children:[(0,v.jsx)(h.A,{title:`${M} - Musicboard`,description:`Find ${"suggested"===w?"suggested community members":"week"===w?"top members this week":"the most popular members"} on Musicboard. Connect with fellow music lovers and discover new music!`,canonical:"https://musicboard.app/users"+(w?`?order_by=${w}`:""),headingOne:M,headingTwo:"Discover the Best Community Members on Musicboard"}),(0,v.jsx)(f.A,{id:"Users-Breadcrumb-Data",data:(0,b.Hs)([{name:"Musicboard",item:"https://musicboard.app/"}
1,{name:"Members",item:"https://musicboard.app/users/"}])},"Users-Breadcrumb-Data"),(0,v.jsxs)("div",{className:"page-container",children:[(0,v.jsx)(x.A,{fuseId:"trending_header",aboveTheFold:!0,className:"margin-top-32",type:"full",adChannel:"Users/Top"}),(0,v.jsxs)("div",{className:"section-handler-reverse",children:[(0,v.jsxs)("div",{className:"section-2 section-margin",children:[(0,v.jsx)(m.A,{text:M,className:"margin-top-32"}),(0,v.jsxs)("div",{className:"section-block padding-around-8",children:[E&&E.data&&E.data.length>0&&(E.status!==n.h.BEGIN||!E.reset||E.status===n.h.BEGIN&&E.reset&&!S)&&E.data.map(((e,s)=>s%15===0&&s>0?(0,v.jsxs)("div",{children:[(0,v.jsx)(x.A,{fuseId:"trending_incontent_"+(15===s?"1":30===s?"2":45===s?"3":60===s?"4":""),className:"margin-top-16 margin-bottom-16",type:"full"}),(0,v.jsx)(g.A,{user:e,isFirst:0===s,isLast:s===E.data.length-1})]},`users-screen-item-${e.uid}`):(0,v.jsx)(g.A,{user:e,isFirst:0===s,isLast:s===E.data.length-1},`users-screen-item-${e.uid}`))),E&&E.data&&E.data.length<=0&&E.status===n.h.SUCCESS&&(0,v.jsx)("p",{className:"empty-text",children:"No users found."}),E&&E.data&&E.data.length<=0&&E.status===n.h.ERROR&&(0,v.jsxs)("p",{className:"empty-text",children:["Error fetching users. Error: ",k]}),E&&E.status===n.h.BEGIN&&E.reset&&(S||E.data.length<=0)&&(0,v.jsx)("div",{className:"flex-column",children:[1,2,3,4,5,6,7,8,9,10,11,12].map(((e,s)=>(0,v.jsx)(o.A,{},`users-screen-loader-${s}`)))})]}),E&&E.data&&E.data.length>0&&(E.status!==n.h.BEGIN||!E.reset||E.status===n.h.BEGIN&&E.reset&&!S)&&(0,v.jsx)(p.A,{hasNext:E.data.length>=24,hasPrev:N&&N>1,currentPage:N,pageAmount:null,className:"margin-top-16"}),(0,v.jsx)("div",{style:{height:64}})]}),(0,v.jsxs)(j.A,{enabled:!_,className:"section-1",children:[(0,v.jsx)(m.A,{text:"Filters",className:"padding-top-32"}),(0,v.jsx)(u.A,{title:"Sort by",parameter:"order_by",filters:[{title:"General",ordering:[{value:"suggested",label:"Suggested"}]},{title:"Most Popular",ordering:[{value:null,label:"All time"},{value:"week",label:"This week"}]}]}),(0,v.jsx)(x.A,{fuseId:"trending_vrec_1",aboveTheFold:!0,className:"margin-top-48",type:"vertical",adChannel:"Users/Vertical"})]})]})]})]})}}}]); 2//# sourceMappingURL=2466.394bb40d.chunk.js.map
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.