https://www.tba.org.tw/component---src-templates-live-stream-list-index-js-2090c44f7a0e08045bc5.js

1"use strict";(self.webpackChunkgatsby_starter_hello_world=self.webpackChunkgatsby_starter_hello_world||[]).push([[6355],{53289:function(e,t,a){var n=a(96540),i=a(65225);t.A=function(e){return function(t){return(0,i.A)(),n.createElement(e,t)}}},62079:function(e,t,a){a.r(t);a(52430);var n=a(50400),i=a(96540),o=a(35830),r=a(81768),s=a(46316),l=a(69793),c=a(53289),m=a(40847);const d=o.default.div.withConfig({displayName:"LiveStreamList__Wrapper",componentId:"sc-1eeda0s-0"})(["background-color:var(--pageBackgroundColor);& > .maxwidth-container{margin:var(--topNavBarHeight) auto 0px;max-width:var(--contentMaxWidth);width:100%;min-height:100vh;padding:20px;display:flex;justify-content:center;& > .container{max-width:910px;width:100%;margin:30px auto;& > .title{margin-bottom:10px;}& > .subtitle{margin-bottom:10px;font-weight:500;color:var(--primaryColor);}& > .item{margin-bottom:20px;box-shadow:rgba(149,157,165,0.2) 0px 8px 24px;padding:20px;border-radius:10px;display:flex;flex-direction:",";justify-content:space-between;align-items:",";background-color:white;& > .container{margin-bottom:",";& > .name{margin-bottom:5px;font-size:1rem;font-weight:600;}& > .time{color:var(--secondColor);}}& > .play{display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer;& > label{margin-left:5px;}}}}}"],e=>e.mobile?"column":"row",e=>e.mobile?"start":"center",e=>e.mobile?"10px":"0px");t.default=(0,c.A)(function(e){const t=(0,r.useOutlet)("user"),a=t[0],o=(t[1],"mobile"===(0,r.useOutlet)("dimension")[0].rwd),c=i.useState(null),p=c[0],u=c[1],f=i.useState(null),g=f[0],x=f[1];return i.useEffect(()=>{a&&!a.tmp&&async function(){m.setLoading(!0);try{let e=await l._o("order",{owner:a.sub,payment_status:"success"}),t=[];for(const a of e){const e=a.items;for(const a of e)if("n_in_1"===a.product.type)for(const e of a.product.n_in_1_products)t.push(e);else t.push(a.product.id.$oid)}let n=await l._o("product",{_id:{$in:t.map(e=>({$oid:e}))}},["-session.date","-session.start_time"]),i=await l._o("live_stream",{product:{$in:t}});u(n.filter(e=>i.findIndex(t=>t.product===e.id)>-1)),x(i)}catch(e){console.warn(e)}finally{m.setLoading(!1)}}()},[a]),i.createElement(d,{mobile:o},i.createElement("div",{className:"maxwidth-container"},i.createElement("div",{className:"container"},i.createElement("h1",{className:"title"},"北律雲-直播串流"),(p||[]).map((e,t)=>i.createElement("div",{className:"item",key:"product-"+t},i.createElement("div",{className:"container"},i.createElement("div",{className:"name"},e.name),i.createElement("div",{className:"time"},"直播時間：",e.session.date," ",e.session.start_time,"-",e.

1session.end_time)),i.createElement(n.A,{ghost:!0,type:"primary",icon:i.createElement(s.A,{size:18,color:"var(--primaryColor)"}),className:"play",onClick:()=>{let t=g.find(t=>t.product===e.id).id;m.navigate("/live_stream?id="+t)}},i.createElement("label",null,"觀看直播")))))))})}}]);
2//# sourceMappingURL=component---src-templates-live-stream-list-index-js-2090c44f7a0e08045bc5.js.map