https://musicboard.app/static/js/9249.137ff6cd.chunk.js

1"use strict";(self.webpackChunkmusicboard_web=self.webpackChunkmusicboard_web||[]).push([[9249],{82601:(e,s,t)=>{t.d(s,{A:()=>b});const a="filter_item__3oaqa",r="filter_itemText__xWkhm",i="filter_active__j3fsx",n="filter_arrow__8eIuC",l="filter_container__8MH92",d="filter_header__KtHjS",c="filter_notHoveringClose__acBfN",o="filter_filters__5+j9G",u="filter_close__IR6Y2";var m=t(65043),h=t(20478),p=t(6086),g=t(56841),x=t(62582),f=t(64671),_=t(97508),v=t(70579);const b=function(e){let{proRequired:s,title:t,parameter:b,filters:j,className:N,style:$,clearFilter:w,showExactLabel:y,showInternalLabel:S,emptyLabel:P="All"}=e;const{colors:I}=(0,h.DP)(),[E,A]=((0,_.d4)((e=>e.me.is_pro)),(0,m.useState)(!1)),[R,U]=(0,m.useState)(null);(0,m.useEffect)((()=>{const e=document.getElementById(`${t}-${b}-filters`);U(e?e.clientHeight:null)}),[j]);const L=(0,g.W5)(),k=(0,g.zy)(),T=new URLSearchParams(k.search).get(b),{getHref:C}=(0,p.$)(),G=j.findIndex((e=>-1!==e.ordering.findIndex((e=>e.value==T)))),B=j[G]?j[G].ordering.findIndex((e=>e.value==T)):null,z=y?T||P:j[G]?S&&j[G].ordering[B]?j[G].ordering[B].label:j[G].title:P,[F,H]=(0,m.useState)(!1);return(0,v.jsxs)("div",{className:`${l} ${N} mobile-block`,style:{height:E?R?R+60:"initial":60,...$},children:[(0,v.jsxs)("div",{onClick:()=>!F&&A(!E),className:`${d} cursor ${F?"":c}`,children:[(0,v.jsx)("p",{className:"highDarkGrey",style:{fontSize:16},children:t}),(0,v.jsxs)("div",{className:"flex-row",children:[(0,v.jsxs)("div",{className:"flex-row",children:[(0,v.jsx)("h5",{className:"black",children:z}),(0,v.jsx)(f.A,{icon:"expand-more",className:`${n} ${E?i:""}`})]}),w&&T&&(0,v.jsx)(x.N_,{onMouseEnter:()=>H(!0),onMouseLeave:()=>H(!1),onClick:()=>{H(!1),A(!1)},className:"margin-left-8",to:`${L.url}${C(null,b)}`,style:{height:20},children:(0,v.jsx)(f.A,{icon:"close",className:`${u}`,size:20})})]})]}),(0,v.jsx)("div",{id:`${t}-${b}-filters`,className:`${o}`,children:j.map(((e,s)=>(0,v.jsxs)("div",{className:"margin-top-8",children:[(0,v.jsxs)("div",{className:"flex-row justify-between",children:[(0,v.jsx)("h6",{className:"black margin-bottom-4",children:e.title}),0===s&&w&&T&&(0,v.jsx)(x.N_,{to:`${L.url}${C(null,b)}`,children:(0,v.jsx)("p",{children:"Clear filter"})})]}),e.ordering.map((e=>(0,v.jsx)(x.N_,{to:e.redirect?e.redirect:`${L.url}${C(e.value,b)}`,children:(0,v.jsxs)("div",{className:`flex-row ${a} ${e.value==T?i:""}`,children:[e.value==T&&(0,v.jsx)(f.A,{color:I.green,size:16,icon:"check"}),(0,v.jsx)("p",{className:`${r}`,children:e.label})]})},`ordering-${e.value}`)))]},`${t}-${b}-filter-${s}`)))})]})}},23521:(e,s,t)=>{t.d(s,{A:()=>h});const a="usernavbar_item__MyqbG",r="usernavbar_active__Xxg2N",i="usernavbar_itemText__TfDRI",n="usernavbar_itemLine__0Rcks",l="usernavbar_text__6NPd0";t(65043);var d=t(72103),c=t(56841),o=t(62582),u=t(39657),m=t(70579);const h=function(e){let{user:s,className:t}=e;const{pathname:h}=(0,c.zy)(),p=(0,u.Ub)({maxWidth:1220}),g=(0,u.Ub)({maxWidth:1020}),x=(0,u.Ub)({maxWidth:960}),f=[{text:"Reviews",redirect:`/${s.username}/reviews`},{text:"Lists",redirect:`/${s.username}/lists`},{text:"History",redirect:`/${s.username}/history`},{text:"Listen Later",redirect:`/${s.username}/wantlist`},{text:"Albums",redirect:`/${s.username}/albums`},{text:"Artists",redirect:`/${s.username}/artists`},{text:"Tracks",redirect:`/${s.username}/tracks`},{text:"Pinned",redirect:`/${s.username}/pinned`},(!g||x)&&{text:"Contributions",redirect:`/${s.username}/contributions`},{text:"Followers",redirect:`/${s.username}/followers`},{text:"Following",redirect:`/${s.username}/following`}].filter((e=>e));return x?(0,m.jsxs)("div",{className:"margin-top-32 section-block padding-around",children:[(0,m.jsx)(d.A,{user:s,pictureSize:32,fontSize:16}),(0,m.jsx)("p",{className:`margin-top-8 ${l}`,children:f.map(((e,s)=>(0,m.jsxs)("span",{children:[0!==s&&" ",(0,m.jsx)(o.N_,{to:e.redirect,className:`${h===e.redirect?r:""}`,children:e.text}),s!==f.length-1&&" \u2022"]},`usernavbar-small-${e.text}`)))})]}):(0,m.jsxs)("div",{className:"margin-top-32 flex-row section-block",style:{overflow:"hidden",alignItems:"stretch",justifyContent:p?"center":void 0},children:[!p&&(0,m.jsx)(d.A,{user:s,pictureSize:32,fontSize:16,className:"padding-arou

1nd"}),f.map(((e,s)=>(0,m.jsx)(o.N_,{to:e.redirect,children:(0,m.jsxs)("div",{className:`${a} ${h===e.redirect?r:""}`,children:[(0,m.jsx)("div",{style:{height:4}}),(0,m.jsx)("h6",{className:`one-line ${i}`,children:e.text}),(0,m.jsx)("div",{className:n})]})},`usernavbar-${e.text}`)))]})}},59249:(e,s,t)=>{t.r(s),t.d(s,{default:()=>U});var a=t(65043),r=t(56841),i=t(97508),n=t(86178),l=t.n(n),d=t(39657),c=t(93488),o=t(39526),u=t(95810),m=t(20478),h=t(57919),p=t(98863),g=t(10112),x=t(60667),f=t(20498),_=t(64671),v=t(82601),b=t(55859),j=t(50432),N=t(22949),$=t(23521),w=t(79963),y=t(35877),S=t(69336),P=t(84147),I=t(35643),E=t(85443),A=t(33815),R=t(70579);const U=function(e){const s=(0,i.wA)(),t=(0,r.zy)(),{colors:n}=((0,r.zy)(),(0,m.DP)()),{username:U}=(0,r.g)(),{openPopup:L}=(0,h.O)(),{openAlert:k}=(0,p.M)(),T=(0,d.Ub)({maxWidth:960}),C=new URLSearchParams(t.search).get("page")?new URLSearchParams(t.search).get("page"):1,G=new URLSearchParams(t.search).get("order_by")?new URLSearchParams(t.search).get("order_by"):"-created_at",B=new URLSearchParams(t.search).get("private")?new URLSearchParams(t.search).get("private"):"",z=""!==B,F=new URLSearchParams(t.search).get("unpinned-review"),H=new URLSearchParams(t.search).get("pinned-review"),D=new URLSearchParams(t.search).get("unpinned-list"),M=new URLSearchParams(t.search).get("pinned-list");(0,a.useEffect)((()=>{"success"===F&&k({style:"green",p:"Successfully unpinned review.",timer:4e3}),"success"===H&&k({style:"green",p:"Successfully pinned review.",timer:4e3}),"success"===D&&k({style:"green",p:"Successfully unpinned list.",timer:4e3}),"success"===M&&k({style:"green",p:"Successfully pinned list.",timer:4e3})}),[F,H,D,M]);const W=(0,i.d4)((e=>e.auth.uid)),O=(0,i.d4)((e=>e.users.users[U]&&e.users.users[U].pinnedReviews?e.users.users[U].pinnedReviews:null)),q=(0,i.d4)((e=>e.users.users[U]&&e.users.users[U].pinnedLists?e.users.users[U].pinnedLists:null)),V=(0,i.d4)((e=>e.users.users[U])),J=(0,i.d4)((e=>e.users.fetchUserStatus)),K=(0,i.d4)((e=>e.users.errorMessage)),X=(0,i.d4)((e=>e.me.updatePinnedContentStatus)),Y=W===(null===V||void 0===V?void 0:V.uid),[Q,Z]=(0,a.useState)(!1);(0,a.useEffect)((()=>{s((0,u.im)(U))}),[U]);const ee=(0,a.useRef)(!0);if((0,a.useEffect)((()=>{ee.current?ee.current=!1:(Z(!0),window.scrollTo(0,0)),V&&V.uid&&(s((0,u.SH)({username:U,uid:V.uid,type:o.g.GET_USERS_PINNED_LISTS,pinned:!0,isPrivate:B,order_by:G,offset:C>1?16*(C-1):0})),s((0,u.aJ)({username:U,uid:V.uid,type:o.g.GET_USERS_PINNED_REVIEWS,pinned:!0,isPrivate:B,order_by:G,offset:C>1?16*(C-1):0})))}),[null===V||void 0===V?void 0:V.uid,G,B,C]),(0,g.g)({effectStatus:X,successCallback:()=>{s((0,u.SH)({username:U,uid:null===V||void 0===V?void 0:V.uid,type:o.g.GET_USERS_PINNED_LISTS,pinned:!0,isPrivate:B,order_by:G,offset:C>1?16*(C-1):0})),s((0,u.aJ)({username:U,uid:null===V||void 0===V?void 0:V.uid,type:o.g.GET_USERS_PINNED_REVIEWS,pinned:!0,isPrivate:B,order_by:G,offset:C>1?16*(C-1):0}))}}),!V||!V.username)return J===o.h.ERROR?(0,R.jsx)(I.A,{}):(0,R.jsx)("div",{className:"full-height",children:(0,R.jsx)("div",{className:"full-center",children:(0,R.jsx)(_.A,{className:"margin-auto",icon:"loading",color:n.darkLightGrey,size:32})})});const se=q&&q.data&&O&&O.data?[...q.data,...O.data].sort(((e,s)=>l()(e.created_at).isAfter(l()(s.created_at))?"-created_at"===G?-1:1:"-created_at"===G?1:-1)):[];return(0,R.jsxs)("div",{children:[(0,R.jsx)(f.A,{title:`Pinned by ${U} - Musicboard`,description:`Pinned reviews and lists of ${""!==V.name?V.name:V.username}. Check out their entire music profile on Musicboard.`,canonical:`https://musicboard.app/${V.username}/pinned`,ogType:"profile",ogImage:V.profile_picture_large||V.profile_picture||c.ogImageUrl,ogImageAlt:""!==V.name?V.name:V.username,ogImageWidth:V.profile_picture?500:2400,ogImageHeight:V.profile_picture?500:1440,twitterImage:V.profile_picture_large||V.profile_picture||c.twitterImageUrl,twitterImageWidth:V.profile_picture?500:1428,twitterImageHeight:V.profile_picture?500:824,labelOne:{label:"Ratings",data:`${V.counts.rating_set} albums rated`},labelTwo:{label:"Followers",data:`${V.counts.followed_by} followers`},deepLink:`musicboard://user/${V.uid}`,headingOne:`Pinned by ${V.username}`,headingTwo:`Pinned reviews & lists by ${V.username} on Musicboard`}),(0,R.jsx)(E.A,{id:`UserPinned-${V.uid}-Breadcrumb-Data`,data:(0,A.Hs)([{name:"Musicboard",item:"https://musicboard.app/"},{name:"Users",item:"https://musicboard.app/users/"},{name:V.username,item:`https://musicboard.app/${V.username}/`},{name:"Pinned",item:`https://musicboard.app/${V.username}/pinned/`}])},`UserPinned-${V.uid}-Breadcrumb-Data`),(0,R.jsxs)("div",{className:"page-container",children:[c.maximizeAds&&(0,R.jsx)(y.A,{fuseId:"trending_header",aboveTheFold:!0,className:"margin-top-40",type:"full"}),(0,R.jsx)($.A,{user:V}),(0,R.jsxs)("div",{className:"section-handler-reverse ",children:[(0,R.jsxs)("div",{className:"section-2 section-margin",children:[(0,R.jsx)(b.A,{className:"margin-top-32",text:"Pinned by ",subText:V.username,subTextRedirect:`/${V.username}`}),(0,R.jsxs)("div",{className:"section-block",children:[(O&&O.data&&O.data.length>0&&(O.status!==o.h.BEGIN||!O.reset||O.status===o.h.BEGIN&&O.reset&&!Q)||q&&q.data&&q.data.length>0&&(q.status!==o.h.BEGIN||!q.reset||q.status===o.h.BEGIN&&q.reset&&!Q))&&se.map(((e,s)=>s%5===0&&s>0?(0,R.jsxs)("div",{children:[(0,R.jsx)("div",{className:"border-bottom",children:(0,R.jsx)(y.A,{fuseId:"trending_incontent_"+(5===s?"1":10===s?"2":15===s?"3":20===s?"4":"5"),className:"margin-top-16 margin-bottom-16",type:"full"})}),"review"===e.type?(0,R.jsx)(N.A,{review:e,hideUser:!0,isFirst:0===s,isLast:s===se.length-1,page:"UserPinned"}):(0,R.jsx)(j.A,{list:e,hideUser:!0,isFirst:0===s,isLast:s===se.length-1,page:"UserPinned"})]},`userpinned-item-${e.uid}`):"review"===e.type?(0,R.jsx)(N.A,{review:e,hideUser:!0,isFirst:0===s,isLast:s===se.length-1,page:"UserPinned"},`userpinned-item-${e.uid}`):(0,R.jsx)(j.A,{list:e,hideUser:!0,isFirst:0===s,isLast:s===se.length-1,page:"UserPinned"},`userpinned-item-${e.uid}`))),O&&O.data&&O.data.length<=0&&O.status===o.h.SUCCESS&&q&&q.data&&q.data.length<=0&&q.status===o.h.SUCCESS&&(0,R.jsx)("p",{className:"empty-text",children:z?`${V.username} has no pinned content with these filters.`:`${V.username} has no pinned content yet.`}),O&&O.data&&O.data.length<=0&&O.status===o.h.ERROR&&q&&q.data&&q.data.length<=0&&q.status===o.h.ERROR&&(0,R.jsx)("p",{className:"empty-text margin-top-16",children:`Could not load pinned content. Error: ${K}`}),O&&O.data&&q&&q.data&&O.data.length<=0&&q.data.length<=0&&(O&&O.status===o.h.BEGIN&&O.reset&&(Q||O.data.length<=0)||q&&q.status===o.h.BEGIN&&q.reset&&(Q||q.data.length<=0))&&(0,R.jsx)("div",{className:"flex-column",children:[1,2,3,4,5].map(((e,s)=>(0,R.jsx)("div",{style:{width:"100%",borderTop:0!==s?"1px solid var(--lightGrey)":""},children:(0,R.jsx)(x.A,{})},`user-pinned-loader-${s}`)))})]}),(O&&O.data&&O.data.length>0&&(O.status!==o.h.BEGIN||!O.reset||O.status===o.h.BEGIN&&O.reset&&!Q)||q&&q.data&&q.data.length>0&&(q.status!==o.h.BEGIN||!q.reset||q.status===o.h.BEGIN&&q.reset&&!Q))&&(0,R.jsx)(S.A,{hasNext:O.data.length>=16||q.data.length>=16,hasPrev:C&&C>1,currentPage:C,pageAmount:null,className:"margin-top-16"}),(0,R.jsx)("div",{style:{height:64}})]}),(0,R.jsx)(P.A,{enabled:!T,className:"section-1",offsetTop:56-(T?0:35),children:(0,R.jsxs)("div",{style:{paddingTop:T?0:35},children:[Y&&(0,R.jsx)("div",{className:"padding-top-32"}),Y&&(0,R.jsx)(w.A,{options:[{text:"Edit pins",onPress:()=>L("PinContent")}]}),(0,R.jsx)(b.A,{className:"padding-top-32",text:"Filters"}),(0,R.jsx)(v.A,{title:"Sort by",parameter:"order_by",filters:[{title:"Time Posted",ordering:[{value:null,label:"Latest First"},{value:"created_at",label:"Oldest First"}]}],showInternalLabel:!0}),Y&&(0,R.jsx)(v.A,{title:"Visibility",className:"margin-top-16",parameter:"private",filters:[{title:"Public / Private",ordering:[{value:null,label:"All"},{value:"false",label:"Public"},{value:"true",label:"Private"}]}],showInternalLabel:!0}),(0,R.jsx)(y.A,{fuseId:"trending_vrec_1",aboveTheFold:!0,className:"margin-top-48",type:"small",adChannel:"UserPinned/Small"})]})})]})]})]})}}}]);
2//# sourceMappingURL=9249.137ff6cd.chunk.js.map