(this["webpackJsonpmy-app"]=this["webpackJsonpmy-app"]||[]).push([[0],{137:function(e,t,a){e.exports=a(225)},142:function(e,t,a){},144:function(e,t,a){},184:function(e,t,a){},225:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),c=a(25),o=a.n(c),l=(a(142),a(143),a(144),a(228)),s=a(23),u=a(70),i=a(233),m=a(58),d=a(135),h=a(53),g=a(231),p=a(230),f=a(45),E=a(68),b=a(91),y=a.n(b),v=a(229),O=function(e){var t=e.name,a=e.composer,n=e.unitPrice;e.isOwned,e.isSelected;return r.a.createElement(v.a,{style:{borderRadius:6},title:t,bordered:!1},a&&r.a.createElement("div",null,r.a.createElement("span",{style:{fontWeight:600}},"Compositor:")," ",a),r.a.createElement("div",null,r.a.createElement("span",{style:{fontWeight:600}},"Price:")," ",n))},j=function(e,t,a){e.response&&(console.log(e.response.status),console.log(e.response),a(t[e.response.status]||"/error"))},k=(a(184),Object(n.createContext)({loading:{},setLoading:function(){}})),w=function(){return Object(n.useContext)(k)},S=function(e){var t=e.children,a=Object(n.useState)(!1),c=Object(h.a)(a,2),o=c[0],l=c[1],s=Object(n.useMemo)((function(){return{loading:o,setLoading:function(e){return l(e)}}}),[o]);return r.a.createElement(k.Provider,{value:s},t)},x=g.a.Search,C=p.a.Option,I="http://localhost:4004",P={401:"/unauthorized",403:"/forbidden",500:"/internal-error"},z={headers:{Authorization:"Basic dXNlcjA6"}},B=function(){var e=Object(n.useState)([]),t=Object(h.a)(e,2),a=t[0],c=t[1],o=Object(n.useState)([]),l=Object(h.a)(o,2),u=l[0],i=l[1],m=Object(n.useState)([]),g=Object(h.a)(m,2),b=(g[0],g[1]),v=w().setLoading,k=Object(s.f)(),S=Object(n.useState)(!1),B=Object(h.a)(S,2),T=(B[0],B[1],Object(n.useState)(!1)),W=Object(h.a)(T,2),M=(W[0],W[1]);Object(n.useEffect)((function(){v(!0),y.a.get("".concat(I,"/browse-tracks/Tracks"),z).then((function(e){return c(e.data.value)})).catch((function(e){return j(e,P,k.push)})).then((function(){return v(!1)})),y.a.get("".concat(I,"/browse-tracks/Genres"),z).then((function(e){return i(e.data.value)})).catch((function(e){return j(e,P,k.push)})).then((function(){return v(!1)}))}),[]);var A=a?a.map((function(e){var t=e.ID,a=e.name,n=e.composer,c=e.unitPrice;return r.a.createElement(f.a,{key:t,className:"gutter-row",span:8},r.a.createElement(O,{name:a,composer:n,unitPrice:c}))})):"Please, check your connection",D=u?u.map((function(e){var t=e.ID,a=e.name;return r.a.createElement(C,{key:t,value:t.toString()},a)})):[];return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"}},r.a.createElement(x,{style:{padding:5,borderRadius:6,maxWidth:400},placeholder:"Search tracks",size:"large",onSearch:function(e){v(!0),y.a.get("".concat(I,"/browse-tracks/Tracks?$filter=contains(name,'").concat(e,"')"),Object(d.a)({},z)).then((function(e){return c(e.data.value)})).catch((function(e){return j(e,P,k.push)})).then((function(){return v(!1)}))},onChange:M}),r.a.createElement(p.a,{mode:"tags",style:{padding:5,borderRadius:6,"min-width":100},placeholder:"Tag",onChange:function(e){b(e)}},D)),r.a.createElement("div",null,r.a.createElement(E.a,{gutter:[{xs:8,sm:16,md:24,lg:32},24]},A)))},T=a(232),W=a(227),M={"/":"Browse / Tracks","/account":"Account","/manage":"Manage Orders"},A=function(){var e=Object(s.g)(),t=w().loading;return r.a.createElement(T.a,{style:{margin:"16px  "}},r.a.createElement(T.a.Item,null,M[e.pathname]),r.a.createElement(T.a.Item,null,t&&r.a.createElement(W.a,null)))},D=a(98),L=function(){var e=Object(s.f)();return r.a.createElement(D.a,{theme:"light",mode:"horizontal",defaultSelectedKeys:["2"]},r.a.createElement(D.a.Item,{key:"1",onClick:function(){return e.push("/")}},"Browse"),r.a.createElement(D.a.Item,{key:"2",onClick:function(){return e.push("/person")}},"Profile"),r.a.createElement(D.a.Item,{key:"3",onClick:function(){return e.push("/manage-orders")}},"Manage orders"))},N=l.a.Content,R=function(e){var t=e.status,a=e.message,n=Object(s.f)();return r.a.createElement(i.a,{status:t,title:t,subTitle:a,extra:r.a.createElement(m.a,{onClick:function(){n.push("/")},type:"primary"},"Back Home")})},J=function(){return r.a.createElement(u.a,null,r.a.createElement(L,null),r.a.createElement(N,{className:"site-layout",style:{padding:"0 50px",marginTop:20}},r.a.createElement("div",{style:{padding:"24px"}},r.a.createElement(A,null),r.a.createElement(s.c,null,r.a.createElement(s.a,{exact:!0,path:"/"},r.a.createElement(B,null)),r.a.createElement(s.a,{path:"/internal-error"},r.a.createElement(R,{status:500,message:"Sorry, something went wrong."})),r.a.createElement(s.a,{path:"/forbidden"},r.a.createElement(R,{status:403,message:"Sorry, you are not able to get this resourse."})),r.a.createElement(s.a,{path:"/unauthorized"},r.a.createElement(R,{status:"error",message:"401, Sorry, you are not authorized to access this page."})),r.a.createElement(s.a,{path:"/error"},r.a.createElement(R,{status:"error",message:"Sorry, something went wrong"})),r.a.createElement(s.a,null,r.a.createElement(R,{status:404,message:"Sorry, the page you visited does not exist."}))))))},$=function(){return r.a.createElement(l.a,{style:{height:"100%"}},r.a.createElement(S,null,r.a.createElement(J,null)))};Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));o.a.render(r.a.createElement(r.a.StrictMode,null,r.a.createElement($,null)),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then((function(e){e.unregister()})).catch((function(e){console.error(e.message)}))}},[[137,1,2]]]);
//# sourceMappingURL=main.3299c2ff.chunk.js.map