https://musicboard.app/static/js/7885.3cafeb1a.chunk.js

1"use strict";(self.webpackChunkmusicboard_web=self.webpackChunkmusicboard_web||[]).push([[7885],{47885:(e,i,r)=>{r.r(i),r.d(i,{default:()=>n});r(65043);var s=r(97508),t=(r(39526),r(57919)),a=r(5617),o=r(36643),l=r(70579);const n=function(e){let{options:{name:i,website:r,twitter:n,biography:c,banner:d,profilePicture:m,profileFrame:u,colorTheme:p}}=e;(0,s.wA)();const{openPopup:g}=(0,t.O)(),x=(0,s.d4)((e=>e.me)),h=(0,s.d4)((e=>e.auth.uid));return(0,l.jsxs)("div",{className:"",children:[(0,l.jsxs)("div",{className:"flex-center flex-column",children:[(0,l.jsx)("div",{style:{maxWidth:393,width:"100%"},children:(0,l.jsx)(a.A,{user:{...x,uid:h,is_pro:!0,tier:1,is_verified:!0,username:x.username,profile_picture:m||x.profile_picture,is_moderator:x.is_moderator,contributor_tier:x.contributor_tier,is_verified:x.is_verified,name:i||x.name,website:r||x.website,twitter:n||x.twitter,biography:c||x.biography,background:d?"string"===typeof d?{background_original:d,background_large:d,background_small:d}:d:x.background,profile_frame:null!==u?u:x.profile_frame,color_theme:null!==p?p:x.color_theme},skipHeading:!0,skipContent:!0,lightBorder:!0})}),(0,l.jsxs)("p",{style:{fontSize:18,lineHeight:"27px"},className:"black text-center margin-top-32",children:["This is looking good! ",(0,l.jsx)("span",{className:"bold",children:"Join Musicboard Pro now"})," to show off your fancy new profile!"]})]}),(0,l.jsx)(o.A,{className:"margin-top-32",text:"Upgrade to Pro",onClicked:()=>g("ChooseProInterval",{product:"platinum"})}),(0,l.jsx)(o.A,{className:"margin-top-8",text:"Exit preview",type:"secondary-two",onClicked:()=>g(null)})]})}},5617:(e,i,r)=>{r.d(i,{A:()=>y});const s="preview_previewContainer__qWPbd",t="preview_lightBorder__bw983",a="preview_previewOverlay__KuCFX",o="preview_clickableP__oQhlF";r(65043);var l=r(97508),n=r(84901),c=r(52535),d=r(40659),m=r(64671),u=r(41416),p=r(36643),g=r(70169),x=r(55859),h=r(1232),v=r(96500),b=r(9279),f=r(20211),w=r(70067),_=r(82656),j=r(70579);const y=function(e){var i,r;let{user:y,skipHeading:N,skipContent:k,lightBorder:A}=e;const C=(0,l.d4)((e=>{var i;return null===(i=e.users.users[y.username])||void 0===i?void 0:i.favoriteAlbums})),S=(0,l.d4)((e=>{var i;return null===(i=e.users.users[y.username])||void 0===i?void 0:i.recentActivity})),z=(0,l.d4)((e=>{var i;return null===(i=e.users.users[y.username])||void 0===i?void 0:i.counts}));return(0,j.jsxs)("div",{className:"col-1",children:[!N&&(0,j.jsx)(x.A,{text:"Preview",className:"margin-top-64"}),null!==y.color_theme&&void 0!==y.color_theme&&(0,j.jsx)(n.A,{colorTheme:_.qy[y.color_theme],styleName:s}),(0,j.jsx)("div",{className:`${s} ${A?t:""}`,children:(0,j.jsxs)("div",{style:{backgroundColor:"var(--lightestGrey)"},children:[(0,j.jsx)(b.A,{tabs:[{text:"Home",redirect:"/settings"},{text:"Collection",redirect:`/${y.username}/reviews`},y.is_pro&&{text:"Statistics",redirect:`/${y.username}/stats`}],tabStyle:{padding:"12px 16px"},tabWrapperStyle:{alignItems:"center",justifyContent:"center"},children:(0,j.jsxs)("div",{className:"padding-bottom-32",style:{position:"relative",zIndex:1},children:[y.background&&y.is_pro&&(0,j.jsx)(v.A,{whiteGradient:!0,image:null!==(i=y.background.background_original)&&void 0!==i&&i.includes(".gif")?y.background.background_original:y.background.background_large,placeholder:y.background.background_small,height:193,marginHeight:112,noSides:!0,hideLine:!0,altText:"User banner"}),(0,j.jsxs)("div",{className:"padding-left-16 padding-right-16",children:[(0,j.jsxs)("div",{className:"flex-column flex-center",children:[(0,j.jsx)(w.A,{style:{marginTop:32},profilePicture:null!==(r=y.profile_picture)&&void 0!==r&&r.includes(".gif")?y.profile_picture:y.profile_picture_small||y.profile_picture,profileFrame:y.profile_frame,size:104,altText:""!==y.name?y.name:y.username}),(0,j.jsxs)("div",{className:"flex-column flex-center margin-top-24",children:[""!==y.name&&(0,j.jsx)("h6",{className:"grey",children:y.username}),(0,j.jsxs)("div",{className:"flex-row margin-top-8",style:{flexWrap:"wrap"},children:[(0,j.jsx)("h4",{className:"black text-center",children:""!==y.name?y.name:y.username}),(y.is_pro||y.is_moderator||y.contributor_tier)&&(0,j.jsx)(g.A,{size:"medium",className:"margin-left-8 ",style:{marginTop:1},is_pro:y.is_pro,is_moderator:y.is_moderator,contributor_tier:y.contributor_tier}),y.is_verified&&(0,j.jsx)(h.A,{size:14,className:"margin-left-8 ",style:{marginTop:1}})]}),""!==y.biography&&(0,j.jsx)("p",{style:{fontSize:16}

1,className:"grey margin-top-12 text-center",children:y.biography}),(0,j.jsxs)("div",{className:"margin-top-12 flex-row",children:[""!==y.website&&(0,j.jsxs)("div",{className:"flex-row blue",children:[(0,j.jsx)(m.A,{icon:"public",size:19,color:"var(--blue)"}),(0,j.jsx)("div",{className:"grid margin-left-4",children:(0,j.jsx)("p",{style:{fontSize:16,maxWidth:160,marginBottom:1},className:"one-line underline inline-block text-center",children:y.website.replace("https://","").replace("http://","").replace("www.","")})})]}),""!==y.twitter&&(0,j.jsxs)("div",{className:`${""!==y.website&&"margin-left-16"} flex-row blue`,children:[(0,j.jsx)(m.A,{icon:"x",size:17,color:"var(--blue)"}),(0,j.jsx)("div",{className:"grid margin-left-4",children:(0,j.jsxs)("p",{style:{fontSize:16,maxWidth:160,marginBottom:1},className:"one-line underline inline-block text-center",children:["@",y.twitter]})})]})]})]})]}),(0,j.jsx)(u.A,{smallerTitles:!0,className:"margin-top-32",statistics:[{number:(0,c.KV)(null===z||void 0===z?void 0:z.review_set),description:"Reviews"},{number:(0,c.KV)(null===z||void 0===z?void 0:z.rating_set),description:"Listened"},{number:(0,c.KV)(null===z||void 0===z?void 0:z.follows),description:"Following"},{number:(0,c.KV)(null===z||void 0===z?void 0:z.followed_by),description:"Followers"}]}),(0,j.jsxs)("div",{className:"flex-row margin-top-16",style:{opacity:.45},children:[(0,j.jsx)(p.A,{className:"col-1",text:"Follow",type:"primary"}),(0,j.jsx)("div",{className:"margin-left-8",children:(0,j.jsx)(p.A,{squareButton:!0,showIcon:!0,iconName:"forum",iconSize:22,iconColor:"var(--black)",type:"secondary"})}),(0,j.jsx)("div",{className:"margin-left-8",children:(0,j.jsx)(p.A,{squareButton:!0,showIcon:!0,iconName:"supervised_user_circle",iconSize:24,iconColor:"var(--black)",type:"secondary"})})]})]})]})}),!k&&(0,j.jsxs)("div",{className:"padding-bottom-32",children:[C&&C.data&&C.data.length>0&&(0,j.jsx)(x.A,{text:"Favorite albums",className:"margin-top-32 padding-left-16 padding-right-16"}),C&&C.data&&C.data.length>0&&(0,j.jsx)("div",{className:"grid-view four padding-around",style:{boxShadow:"var(--shadow-light)",backgroundColor:"var(--white)"},children:C&&(0,d.l)(C.data,4).map(((e,i)=>(0,j.jsx)("div",{children:e&&e.album&&(0,j.jsx)(f.A,{content:e.album,showArtistName:!0})},`user-favoritealbum-${e?e.uid:i}`)))}),(0,j.jsx)(x.A,{text:"Recent activity",className:"margin-top-32 padding-left-16 padding-right-16"}),S&&S.data&&S.data.length>0&&(0,j.jsx)("div",{className:"grid-view four padding-around",style:{boxShadow:"var(--shadow-light)",backgroundColor:"var(--white)"},children:S&&(0,d.l)(S.data,4).map(((e,i)=>(0,j.jsx)("div",{children:e&&e.content&&(0,j.jsx)(f.A,{content:e.content,showArtistName:!0})},`user-recentactivity-${e?e.uid:i}`)))}),S&&S.data&&S.data.length<=0&&(0,j.jsxs)("div",{className:"empty-text flex-column flex-center padding-around",style:{boxShadow:"var(--shadow-light)",backgroundColor:"var(--white)"},children:[(0,j.jsx)("p",{children:"You have no recent activity."}),(0,j.jsxs)("div",{className:`${o} margin-top-8 flex-center cursor`,children:[(0,j.jsx)(m.A,{size:16,className:"margin-right-8",icon:"star"}),(0,j.jsx)("p",{children:"Start off by rating some music."})]})]})]}),!k&&(0,j.jsx)("div",{className:a})]})})]})}}}]);
2//# sourceMappingURL=7885.3cafeb1a.chunk.js.map