https://musicboard.app/static/js/3049.70dc1228.chunk.js

1"use strict";(self.webpackChunkmusicboard_web=self.webpackChunkmusicboard_web||[]).push([[3049],{61873:(e,t,n)=>{n.d(t,{A:()=>m});const i="reviewcheckitem_container__QVqld",s="reviewcheckitem_title__QTgmr",a="reviewcheckitem_artist__Aw+Ru";n(65043);var r=n(86178),l=n.n(r),c=n(64671),o=n(89081),d=n(47681),u=n(57569),g=n(70579);const m=function(e){let{review:t,selected:n,checked:r,onAdd:m,onRemove:p,thumbIcon:h,className:x}=e;const v=t&&t.rating&&t.rating.content.type,_=(("suggested_album"===v||"suggested_artist"===v||"suggested_track"===v)&&v.substr(10,100),t&&t.rating&&("artist"===t.rating.content.type||"suggested_artist"===t.rating.content.type?t.rating.content.name:t.rating.content.title)),b=t&&t.rating&&("artist"===t.rating.content.type?t.rating.content.picture_small||t.rating.content.picture:"album"===t.rating.content.type?t.rating.content.cover_small||t.rating.content.cover:"track"===t.rating.content.type?t.rating.content.album.cover_small||t.rating.content.album.cover:"suggested_artist"===t.rating.content.type?t.rating.content.picture?t.rating.content.picture:t.rating.content.picture_url:"suggested_album"===t.rating.content.type?t.rating.content.cover?t.rating.content.cover:t.rating.content.cover_url:"suggested_track"===t.rating.content.type?t.rating.content.album?t.rating.content.album.cover?t.rating.content.album.cover:t.rating.content.album.cover_url:t.rating.content.suggested_album.cover?t.rating.content.suggested_album.cover:t.rating.content.suggested_album.cover_url:null);let j="";return"album"===t.rating.content.type?j=t.rating.content.url_slug:"track"===t.rating.content.type?j=`${t.rating.content.album.url_slug}?tracks=${t.rating.content.id}`:"artist"===t.rating.content.type&&(j=t.rating.content.url_slug),(0,g.jsx)("div",{onClick:()=>{n?p(t):m(t)},className:`${i} cursor ${x}`,children:(0,g.jsxs)("div",{className:"flex-row",children:[!("artist"===t.rating.content.type||"suggested_artist"===t.rating.content.type)&&(0,g.jsx)(d.A,{clickable:!0,size:60,albumCover:b,altText:_}),("artist"===t.rating.content.type||"suggested_artist"===t.rating.content.type)&&(0,g.jsx)(o.A,{clickable:!0,size:60,profilePicture:b,altText:_}),(0,g.jsxs)("div",{className:"col-1 margin-left-16 margin-right-16",children:[(0,g.jsx)("div",{className:"grid",children:(0,g.jsx)("h6",{className:`${s} one-line`,children:""!==t.title?t.title:`Review of ${_}`})}),(0,g.jsxs)("div",{className:"flex-row margin-top-4",children:[(t.private||t.private_locked)&&(0,g.jsx)(c.A,{icon:"lock",size:14,style:{marginRight:4,marginTop:1},color:"var(--grey)"}),(0,g.jsx)("div",{className:"grid",children:(0,g.jsxs)("p",{className:`${a} one-line`,children:[t.private||t.private_locked?" \u2022 ":"",""!==t.description?t.description:l()(t.rating.show_listened_at?t.rating.listened_at:t.rating.created_at).format("DD MMMM YYYY")]})})]})]}),(0,g.jsx)(u.A,{checked:r,onChange:()=>{n?p(t):m(t)},thumbIcon:h})]})})}},43049:(e,t,n)=>{n.r(t),n.d(t,{default:()=>N});const i="pincontentpopup_header__ygnX2",s="pincontentpopup_tabContainer__DiYsw",a="pincontentpopup_tab__A0GdZ",r="pincontentpopup_active__QfuHO",l="pincontentpopup_tabPickerLine__vtJNL";var c=n(65043),o=n(97508),d=n(43903),u=n.n(d),g=n(39526),m=n(64671),p=n(36643),h=(n(54521),n(61873)),x=n(23996),v=n(43319),_=n(95810),b=n(5062),j=n(20478),f=n(57919),w=n(98863),y=n(8786),k=n(70579);const N=function(e){let{scrollRef:t,options:n,requestClose:d}=e;const{colors:N}=(0,j.DP)(),{openPopup:S}=(0,f.O)(),{openAlert:A}=(0,w.M)(),C=(0,o.wA)(),E=(0,o.d4)((e=>e.me.username)),I=(0,o.d4)((e=>e.auth.uid)),[R,$]=(0,c.useState)("review"),[M,P]=(0,c.useState)(""),[G,B]=(0,c.useState)([]),[L,T]=(0,c.useState)([]),Y=(0,o.d4)((e=>e.users.users[E]&&e.users.users[E].reviews?e.users.users[E].reviews:null)),U=(0,o.d4)((e=>e.users.users[E]&&e.users.users[E].lists?e.users.users[E].lists:null)),q=(0,o.d4)((e=>e.me.updatePinnedContentStatus)),z=(0,o.d4)((e=>e.me.errorMessage));(0,c.useEffect)((()=>{C("review"===R?(0,_.aJ)({username:E,uid:I,order_by:"-created_at",title:M}):(0,_.SH)({username:E,uid:I,order_by:"-created_at",title:M}))}),[R,M]);const D=(0,c.useRef)(!0);(0,c.useEffect)((()=>{D.current?D.current=!1:q===g.h.SUCCESS?(A({style:"green",p:"Successfully updated pins.",timer:4e3}),S(null)):q===g.h.ERROR&&A({title:`Could not update pins. Error: ${z}`,style:"red",timer:6e3})}),[q]);const W=(0,c.useCallback)((e=>{T((t=>[...t,e]))}),[]),O=(0,c.useCallback)((e=>{T((t=>t.filter((t=>t.uid!==e.uid))))}),[]),Q=(0,c.useCallback)((e=>{B((t=>[...t,e]))}),[]),H=(0,c.useCallback)((e=>{B((t=>t.filter((t=>t.uid!==e.uid))))}),[]),J=(0,c.useCallback)((()=>{C((0,b.pr)(L,G))}),[L,G]),V=(0,c.useRef)(!0);return(0,c.useEffect)((()=>{V.current?V.current=!1:d&&(G.length+L.length>0?window.confirm("Are you sure you want to continue? All changes will be lost.")&&S(null):S(null))}),[d]),(0,k.jsxs)("div",{children:[(0,k.jsxs)("div",{className:i,children:[(0,k.jsxs)("div",{className:"flex-row justify-between padding-arou

1nd-8",children:[(0,k.jsx)("div",{className:"col-1",children:(0,k.jsx)(y.A,{type:"transparent-bright",icon:"close",onClick:()=>{G.length+L.length>0?window.confirm("Are you sure you want to continue? All changes will be lost.")&&S(null):S(null)}})}),(0,k.jsx)("h5",{className:"col-2 black text-center",style:{fontWeight:700},children:L.length<=0&&G.length<=0?"Manage Pins":`${L.length+G.length} ${L.length+G.length===1?"Pin":"Pins"} Changed`}),(0,k.jsx)("div",{className:"col-1 flex-row justify-end",children:(0,k.jsx)(p.A,{height:38,textStyle:{fontSize:14},text:"Save",disabled:L.length<=0&&G.length<=0||q===g.h.BEGIN,loading:q===g.h.BEGIN,onClicked:J})})]}),(0,k.jsxs)("div",{className:s,children:[(0,k.jsx)("h6",{onClick:()=>$("review"),className:`${a} ${"review"===R?r:""}`,children:"Reviews"}),(0,k.jsx)("h6",{onClick:()=>$("list"),className:`${a} ${"list"===R?r:""}`,children:"Lists"}),(0,k.jsx)("div",{className:l,style:{left:"review"===R?"0%":"50%"}})]})]}),"review"===R&&(0,k.jsxs)("div",{children:[Y&&Y.data&&Y.data.length>0&&(0,k.jsx)(u(),{className:"padding-around-8",getScrollParent:()=>t&&t.current,useWindow:!1,initialLoad:!1,threshold:200,loadMore:()=>{Y&&Y.next&&C((0,v.q6)(Y.next,g.g.GET_USERS_REVIEWS,{uid:I,username:E,speedup:!0,limit:16}))},hasMore:Boolean(Y.next||Y.status===g.h.BEGIN&&!Y.reset),loader:(0,k.jsx)("div",{className:"flex-center margin-top-16",children:(0,k.jsx)(m.A,{icon:"loading",disableLoadingAnimation:!0})},"pincontent-review-load-more"),children:Y.data.map(((e,t)=>(0,k.jsx)(h.A,{review:e,checked:-1!==L.findIndex((t=>t.uid===e.uid))?!e.pinned:e.pinned,selected:-1!==L.findIndex((t=>t.uid===e.uid)),onAdd:W,onRemove:O,thumbIcon:!0},`pincontent-reviews-item-${e.uid}`)))}),Y&&Y.status===g.h.BEGIN&&Y.data.length<=0&&(0,k.jsx)("div",{className:"flex-center empty-text margin-top-16 margin-bottom-16",children:(0,k.jsx)(m.A,{icon:"loading"})}),Y&&Y.status===g.h.SUCCESS&&Y.data.length<=0&&(0,k.jsx)("p",{className:"empty-text-light margin-top-16",children:"You have no reviews yet."})]}),"list"===R&&(0,k.jsxs)("div",{children:[U&&U.data&&U.data.length>0&&(0,k.jsx)(u(),{className:"padding-around-8",getScrollParent:()=>t&&t.current,useWindow:!1,initialLoad:!1,threshold:200,loadMore:()=>{U&&U.next&&C((0,v.q6)(U.next,g.g.GET_USERS_LISTS,{uid:I,username:E,speedup:!0,limit:12}))},hasMore:Boolean(U.next||U.status===g.h.BEGIN&&!U.reset),loader:(0,k.jsx)("div",{className:"flex-center margin-top-16",children:(0,k.jsx)(m.A,{icon:"loading",disableLoadingAnimation:!0})},"pincontent-list-load-more"),children:U.data.map(((e,t)=>(0,k.jsx)(x.A,{list:e,checked:-1!==G.findIndex((t=>t.uid===e.uid))?!e.pinned:e.pinned,selected:-1!==G.findIndex((t=>t.uid===e.uid)),onAdd:Q,onRemove:H,thumbIcon:!0},`pincontent-lists-item-${e.uid}`)))}),U&&U.status===g.h.BEGIN&&U.data.length<=0&&(0,k.jsx)("div",{className:"flex-center empty-text margin-top-16 margin-bottom-16",children:(0,k.jsx)(m.A,{icon:"loading"})}),U&&U.status===g.h.SUCCESS&&U.data.length<=0&&(0,k.jsx)("p",{className:"empty-text-light margin-top-16",children:"You have no lists yet."})]})]})}}}]);
2//# sourceMappingURL=3049.70dc1228.chunk.js.map