https://musicboard.app/static/js/5175.57368914.chunk.js

1"use strict";(self.webpackChunkmusicboard_web=self.webpackChunkmusicboard_web||[]).push([[5175],{45175:(e,s,n)=>{n.r(s),n.d(s,{default:()=>L});const a="searchbannerpopup_shadow__WRJZc",r="searchbannerpopup_bannerContainer__9oLJs",i="searchbannerpopup_public__8IhRE",t="searchbannerpopup_banner__uIKE2",l="searchbannerpopup_image__2RC1a",c="searchbannerpopup_border__vtqgF",o="searchbannerpopup_add__FThd4",d="searchbannerpopup_icon__RPjMl",u="searchbannerpopup_addText__mxlS5",h="searchbannerpopup_iconContainer__TWcJR",p="searchbannerpopup_green__TCSDB",m="searchbannerpopup_loadingOverlay__oBdmt",g="searchbannerpopup_moreComing__vOSMB",b="searchbannerpopup_divider__uI-nq";var x=n(65043),_=n(97508),v=n(54521),j=n(98863),N=n(57919),f=n(5062),B=n(39526),A=n(45565),k=n(64671),w=n(43903),P=n.n(w),C=n(43319),$=n(39657),y=n(55859),E=n(70579);const L=function(e){let{scrollRef:s,options:n}=e;const{openPopup:w}=(0,N.O)(),{openAlert:L}=(0,j.M)(),S=(0,_.wA)(),U=(0,_.d4)((e=>e.me.is_pro)),G=(0,_.d4)((e=>e.me.tier)),I=U&&1===G,R=(0,_.d4)((e=>e.auth.uid)),M=((0,$.Ub)({maxWidth:960}),(0,$.Ub)({maxWidth:768})),T=(0,$.Ub)({maxWidth:630}),D=(0,_.d4)((e=>e.me.banners)),W=(0,_.d4)((e=>e.me.fetchMeStatus)),O=(0,_.d4)((e=>e.me.errorMessage)),[q,J]=(0,x.useState)(""),[z,F]=(0,x.useState)(null);function Y(e){var s;if(null!==n&&void 0!==n&&n.listPreview){if(!I)return void w("ProListPreview",{...null===n||void 0===n?void 0:n.listPreview,banner:e})}else if(!U||U&&0===G&&null!==e&&void 0!==e&&null!==(s=e.background_original)&&void 0!==s&&s.includes(".gif"))return void w("ProProfilePreview",{banner:e});n&&n.setAsListBanner?(n.setAsListBanner(e),w(null)):(F(e.uid),S((0,f.Me)({background_upload:e.uid})))}(0,x.useEffect)((()=>{S((0,f.Oh)({search:q}))}),[q]);const K=(0,x.useRef)(!0);return(0,x.useEffect)((()=>{K.current?K.current=!1:W===B.h.SUCCESS&&z?(L({style:"green",p:"Updated banner."}),w(null)):W===B.h.ERROR&&z&&L({style:"red",p:"Could not update banner. Error: "+O,timer:7e3})}),[W]),(0,E.jsxs)("div",{children:[(0,E.jsx)(v.A,{placeholder:"Search for an album or artist...",lighterStyle:!0,text:q,onTextChange:e=>J(e),rightIcon:D.status===B.h.BEGIN?"loading":null}),(0,E.jsxs)(P(),{getScrollParent:()=>s&&s.current,useWindow:!1,initialLoad:!1,threshold:200,loadMore:()=>{D&&D.next&&S((0,C.q6)(D.next,B.g.GET_BANNERS,{}))},hasMore:Boolean(D.next||D.status===B.h.BEGIN&&!D.reset),loader:(0,E.jsx)("div",{className:"flex-center margin-top-16",children:(0,E.jsx)(k.A,{icon:"loading",disableLoadingAnimation:!0})},"searchbanner-load-more"),children:[""===q&&(0,E.jsx)(y.A,{className:"margin-top-16",text:"Your Banners"}),D.data.filter((e=>e.creator.uid===R)).length>0&&""===q&&(0,E.jsxs)("div",{className:"grid-view "+(T?"one":M?"two":"three"),children:[(0,E.jsx)("div",{onClick:()=>w("ChooseBanner",{setAsUserBanner:n&&n.setAsUserBanner,setAsListBanner:n&&n.setAsListBanner,listPreview:n&&n.listPreview}),className:`${o}`,children:(0,E.jsx)(k.A,{icon:"add",className:d})}),D.data.filter((e=>e.creator.uid===R)).map(((e,s)=>(0,E.jsxs)("div",{style:{position:"relative"},children:[(0,E.jsxs)("div",{onClick:()=>Y(e),className:`${t} ${a}`,children:[(0,E.jsx)("img",{className:l,src:e.background_original.includes(".gif")?e.background_original:e.background_large,alt:"Banner image"}),(0,E.jsx)("div",{className:`${c}`})]}),(0,E.jsx)("div",{id:`banner-submit-tip-${e.uid}`,className:`${h} ${e.is_public?p:""}`,style:{right:20,cursor:e.is_public?"default":"cursor"},onClick:()=>{e.is_public||w("SubmitBanner",{banner:e,setAsUserBanner:n&&n.setAsUserBanner,setAsListBanner:n&&n.setAsListBanner,listPreview:n&&n.listPreview})},children:(0,E.jsx)(k.A,{size:16,icon:"remove-red-eye",className:d})}),(0,E.jsx)(A.A,{offset:10,id:`banner-submit-tip-${e.uid}`,text:e.is_public?"This banner has been verified and is now available for public use.":"Submit for public use."}),(0,E.jsx)("div",{className:h,onClick:()=>w("DeleteBanner",{banner:e,setAsUserBanner:n&&n.setAsUserBanner,setAsListBanner:n&&n.setAsListBanner,listPreview:n&&n.listPreview}),children:(0,E.jsx)(k.A,{size:16,icon:"close",className:d})}),z===e.uid&&W===B.h.BEGIN&&(0,E.jsx)("div",{className:m,children:(0,E.jsx)(k.A,{icon:"loading"})})]},`searchbanner-private-banner-${e.uid}`)))]}),D.data.filter((e=>e.creator.uid===R)).length<=0&&D.status!==B.h.BEGIN&&""===q&&(0,E.jsxs)("div",{onClick:()=>w("ChooseBanner",{setAsUserBanner:n&&n.setAsUserBanner,setAsListBanner:n&&n.setAsListBanner,listPreview:n&&n.listPreview}),className:`${o} padding-top-40 padding-bottom-40`,children:[(0,E.jsx)(k.A,{icon:"add-circle",className:d}),(0,E.jsx)("p",{className:`${u} text-center margin-left-16 margin-right-16 margin-top-16`,children:"You have not uploaded any banners. Upload your first."})]}),D.data.filter((e=>e.creator.uid===R)).length<=0&&D.status===B.h.BEGIN&&""===q&&(0,E.jsxs)("div",{className:`${o} padding-top-40 padding-bottom-40`,children:[(0,E.jsx)(k.A,{icon:"loading"}),(0,E.jsx)("p",{className:"highDarkGrey margin-top-16",children:"Loading..."})]}),D.data.filter((e=>e.creator.uid!==R)).length>0&&(0,E.jsxs)("div",{className:"margin-top-24",children:[(0,E.jsx)(y.A,{text:"Public Banners"}),(0,E.jsxs)("div",{className:"grid-view "+(T?"one":M?"two":"three"),children:[D.data.filter((e=>e.creator.uid!==R)).map(((e,s)=>(0,E.jsxs)("div",{onClick:()=>Y(e),className:`${r} ${a} ${i}`,children:[(0,E.jsxs)("div",{style:{position:"relative"},children:[(0,E.jsxs)("div",{className:t,children:[(0,E.jsx)("img",{className:l,src:e.background_original.includes(".gif")?e.background_original:e.background_large,alt:e.title}),(0,E.jsx)("div",{className:`${c}`})]}),z===e.uid&&W===B.h.BEGIN&&(0,E.jsx)("div",{className:m,children:(0,E.jsx)(k.A,{icon:"loading"})})]}),(0,E.jsxs)("div",{className:"margin-left-8 margin-right-8",children:[(0,E.jsx)("h5",{className:"black text-center one-line margin-top-12",children:e.title}),(0,E.jsx)("p",{className:"highDarkGrey text-center one-line margin-top-4",children:""!==e.description?e.description:"Artist"})]}),(0,E.jsx)("div",{className:`${b}`}),(0,E.jsx)("p",{className:"highDarkGrey text-center one-line margin-top-12",children:"Uploaded by"}),(0,E.jsx)("p",{className:"black text-center one-line margin-top-4",children:e.creator.username})]},`searchbanner-public-banner-${e.uid}`))),!D.next&&D.status!==B.h.BEGIN&&(0,E.jsx)("div",{className:g,style:{marginBottom:52},children:(0,E.jsx)("p",{className:"highDarkGrey padding-left-32 padding-right-32 text-center",children:"More public banners coming soon!"})})]})]}),D.data.filter((e=>e.creator.uid!==R)).length<=0&&D.status!==B.h.BEGIN&&(0,E.jsxs)("div",{className:"margin-top-16",children:[(0,E.jsx)("h4",{className:"black",children:"Public banners"}),(0,E.jsx)("p",{className:"empty-text-light margin-top-8",children:"No banners found for current search..."})]})]})]})}}}]);
2//# sourceMappingURL=5175.57368914.chunk.js.map