https://www.buildersclubnorth.com/static/js/8775.604d538d.chunk.js

1"use strict";(self.webpackChunkbcn2020=self.webpackChunkbcn2020||[]).push([[8775,2600],{68775:(e,n,t)=>{t.r(n),t.d(n,{WatchVideoComponent:()=>p});var a=t(29439),i=t(72791),o=t(52174),r=t(11135),s=t(7585),d=t(20890),l=t(82600),c=t(80184);const g=(0,o.Z)(e=>(0,r.Z)({root:{display:"flex",flexDirection:"column",alignItems:"center",padding:e.spacing(3)},video:{width:"100%",maxWidth:800,borderRadius:8,outline:"none",boxShadow:e.shadows[3]},title:{marginBottom:e.spacing(2),textAlign:"center"}})),p=e=>{const n=g(),t=i.useState(),o=(0,a.Z)(t,2),r=o[0],p=o[1];return i.useEffect(()=>{(async()=>{console.log("Load called");const n=await s.C.shared.trainingVideos.getSingleVideo(e.match.params.id);console.log({video:n}),p(n)})()},[e.match.params.id]),(0,c.jsx)(l.T,{maxWidth:"lg",title:"Video Tutorial",isLoading:!r,isLoaded:Boolean(r),render:()=>(0,c.jsx)("div",{className:n.root,children:r&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(d.Z,{variant:"h1",children:r.name}),(0,c.jsx)(d.Z,{children:r.description}),(0,c.jsxs)("video",{className:n.video,controls:!0,children:[(0,c.jsx)("source",{src:r.url,type:"video/mp4"}),(0,c.jsx)("track",{kind:"captions",srcLang:"en",label:"English captions"}),"Your browser does not support the video tag."]})]})})})}},82600:(e,n,t)=>{t.d(n,{T:()=>l});t(72791);var a=t(52174),i=t(54270),o=t(70801),r=t(89164),s=t(63733),d=t(80184);const l=e=>{var n;const t=void 0===e.isLoaded||e.isLoaded,l=(0,a.Z)(n=>{var a;return{pageRoot:{paddingBottom:n.spacing(4),height:"100%",overflowY:null!==(a=e.overflowY)&&void 0!==a?a:"auto",paddingTop:e.hasToolbar?"calc(".concat(n.spacing(5)," - 2px)"):"unset"},watermark:{position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:-1e3,opacity:t?0:.3,background:"url(/images/watermark-logo.png)",backgroundRepeat:"no-repeat",backgroundPosition:"center",pointerEvents:"none"},linearProgress:{width:100,marginTop:20},loading:{pointerEvents:"none"},content:{transition:n.transitions.create(["opacity"],{easing:n.transitions.easing.easeInOut,duration:n.transitions.duration.standard})},hiddenLoader:{opacity:0}

1,topPadding:{minHeight:n.spacing(2)}}})();return(0,d.jsxs)("div",{id:"page-root","data-page-name":null!==(n=e.nameForDebugging)&&void 0!==n?n:"",className:l.pageRoot,children:[(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i.q,{children:(0,d.jsx)("title",{children:e.title})}),(0,d.jsx)(o.V,{title:e.title})]}),(()=>{if(!e.disableTopPadding)return(0,d.jsx)("div",{className:l.topPadding})})(),(0,d.jsx)("div",{className:l.watermark}),(0,d.jsx)("div",{className:(0,s.Z)(l.content,{[l.loading]:e.isLoading}),children:t&&(()=>{var n;return e.disableContainer?e.render():(0,d.jsx)(r.Z,{maxWidth:null!==(n=e.maxWidth)&&void 0!==n?n:"lg",children:e.render()})})()})]})}},70801:(e,n,t)=>{t.d(n,{V:()=>s});t(72791);var a=t(52174),i=t(54164),o=t(20890),r=t(80184);const s=e=>{const n=document.getElementById("mobile-title-portal"),t=(0,a.Z)(e=>({root:{margin:e.spacing(0,0,1,0)}}))();return n?(()=>{if(!n)throw Error("no add portal");return i.createPortal((0,r.jsx)("div",{children:e.title}),n)})():(0,r.jsx)(o.Z,{variant:"body1",component:"span",className:t.root,children:e.title})}}}]);
2//# sourceMappingURL=8775.604d538d.chunk.js.map