https://goaleapp.com/_next/static/chunks/pages/competition/[id]-5cd266066013d742.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2033],{38385:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/competition/[id]",function(){return r(98728)}])},59822:function(e,t,r){"use strict";var n=r(82729),i=r(85893),o=r(86886),l=r(67294),s=r(186);function a(){let e=(0,n._)(["\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  img {\n    pointer-events: none;\n  }\n"]);return a=function(){return e},e}function d(){let e=(0,n._)(["\n  display: flex;\n  width: max-content;\n  cursor: grab;\n  overflow-y: hidden;\n  width: 100%;\n  overflow-x: scroll;\n  padding-bottom: 0px;\n  &::-webkit-scrollbar {\n    width: 3px;\n  }\n  &::-webkit-scrollbar-thumb {\n    border-radius: 2px;\n    background: #ffffff30;\n  }\n\n\n"]);return d=function(){return e},e}let u=e=>{var t,r,n,s,a,d,u,x;let{children:h,style:g,hasCloudyArea:v=!1,scroll:f=!1,cloudyAreaBgColor:m,...b}=e,_=(0,l.useRef)(null),j=(0,l.useRef)(null),[y,Z]=(0,l.useState)(!1),[w,P]=(0,l.useState)(0),[k,C]=(0,l.useState)(0),[R,H]=(0,l.useState)(0),q=e=>{Z(!0),_.current&&(P(e.pageX),C(_.current.scrollLeft))},I=e=>{if(y&&(e.preventDefault(),_.current)){let t=e.pageX-w;_.current.scrollLeft=k-t}},M=(null!==(a=null===(t=_.current)||void 0===t?void 0:t.scrollWidth)&&void 0!==a?a:0)-(null!==(d=null===(r=_.current)||void 0===r?void 0:r.offsetWidth)&&void 0!==d?d:0),S=M/((null!==(u=null===(n=_.current)||void 0===n?void 0:n.offsetWidth)&&void 0!==u?u:0)/56),F=R/((null!==(x=null===(s=_.current)||void 0===s?void 0:s.offsetWidth)&&void 0!==x?x:0)/56);return(0,i.jsxs)(c,{ref:j,...b,children:[(0,i.jsx)(p,{ref:_,onScroll:()=>{var e,t;H(null!==(t=null===(e=_.current)||void 0===e?void 0:e.scrollLeft)&&void 0!==t?t:0)},onMouseDown:q,onMouseLeave:()=>Z(!1),onMouseUp:()=>Z(!1),onMouseMove:I,children:h}),f&&S>0&&(0,i.jsx)(o.ZP,{item:!0,xs:12,display:"flex",justifyContent:"center",marginTop:"18px",children:(0,i.jsx)(o.ZP,{item:!0,width:"56px",height:"6px",bgcolor:"#E4E7EA",position:"relative",borderRadius:"25vh",children:(0,i.jsx)("div",{style:{width:"".concat(56-S,"px"),minWidth:"5px",height:"6px",backgroundColor:"#C0C3C5",position:"absolute",left:"".concat(F>51?51:F,"px"),borderRadius:"25vh"}})})})]})},c=s.ZP.div.withConfig({componentId:"sc-7ea515fd-0"})(a()),p=s.ZP.div.withConfig({componentId:"sc-7ea515fd-1"})(d());t.Z=u},36471:function(e,t,r){"use strict";var n=r(85893),i=r(86886),o=r(15861);r(67294);var l=r(6605),s=r(9571),a=r(77658);let d=e=>{let{text:t,onClick:r}=e,d=(0,s.Z)("v2");return(0,n.jsx)(i.ZP,{item:!0,xs:12,maxWidth:a.J7.maxWidth.px,zIndex:10,margin:"auto",position:"fixed",left:0,right:0,bottom:0,children:(0,n.jsx)(l.z,{width:"100%",onClick:r,children:(0,n.jsx)(i.ZP,{item:!0,xs:12,bgcolor:d.cr_bg_01,width:"100%",height:"80px",padding:"19px 0 40px",children:(0,n.jsx)(o.Z,{variant:"b18b",color:d.cr_primary,children:t})})})})};t.Z=d},98728:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return Z}});var n=r(85893),i=r(86886),o=r(93946),l=r(15861),s=r(11163);r(83454);var a=r(67294),d=r(7020),u=r(78306),c=r(6311),p=r(36471),x=r(15815),h=r(2808),g=r(6605),v=r(18307),f=r(50207),m=r(9571),b=r(66055),_=r(46647),j=r(77658);let y=e=>{var t,r,y;let{data:Z}=e,w=(0,m.Z)("v2"),P=(0,s.useRouter)(),[k,C]=(0,a.useState)("info");return(0,a.useEffect)(()=>{"result"===P.query.tab?(null==Z?void 0:Z.resultHtml)?C("result"):C("info"):"progress"===P.query.tab?C("progress"):C("info")},[P.query]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.Z,{}),(0,n.jsx)(c.Z,{title:"대회 신청하기",isBack:!1,startArea:(0,n.jsx)(i.ZP,{children:(0,n.jsx)(o.Z,{onClick:()=>{"close"===P.query.prev?P.push("/competition"):P.back()},style:{marginLeft:"-5px"},children:(0,n.jsx)(v.Z,{icon:"close",width:12,height:12,color:w.cr_bg_01})})}),endArea:(0,n.jsx)(i.ZP,{item:!0,children:(0,n.jsx)(o.Z,{size:"small",onClick:()=>(0,_.BN)("고알레 대회신청 - ".concat(null==Z?void 0:Z.title),"".concat("https://www.goaleapp.com","/competition/").concat(null==Z?void 0:Z.id,"?prev=close")),children:(0,n.jsx)(v.Z,{icon:"share",width:24,height:24})})})}),(null==Z?void 0:null===(t=Z.detailImage)||void 0===t?void 0:t.url)&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(u.Z,{item:!0,xs:12,maxHeight:"286px",height:"66vw",position:"fixed",width:"100vw",maxWidth:j.J7.maxWidth.px,margin:"auto",marginTop:"env(safe-area-inset-top)",top:"56px",zIndex:-1,left:0,right:0,style:{backgroundImage:"url(".concat(null!==(y=null==Z?void 0:null===(r=Z.detailImage)||void 0===r?void 0:r.url)&&void 0!==y?y:"",")"),backgroundColor:"#FFF",backgroundSize:"100%",backgroundRepeat:"no-repeat",backgroundPosition:"top"}}),(0,n.jsx)(u.Z,{maxHeight:"286px",height:"65vw",marginTop:"env(safe-area-inset-top)"})]}),(0,n.jsxs)(b.Z,{theme:"light",safeAreaTop:!1,style:{backgroundColor:w.cr_bg_00,marginTop:"env(safe-area-inset-top)"}

1,children:[((null==Z?void 0:Z.status)===f.FM.RecruitingClose||(null==Z?void 0:Z.status)===f.FM.InProgress||(null==Z?void 0:Z.status)===f.FM.Complete)&&(0,n.jsxs)(i.ZP,{item:!0,xs:12,display:"flex",gap:"8px",padding:"11px 16px 0",children:[(null==Z?void 0:Z.status)===f.FM.Complete&&(null==Z?void 0:Z.resultHtml)&&(0,n.jsx)(g.z,{borderRadius:"8px",onClick:()=>{C("result"),P.replace({pathname:P.pathname,query:{...P.query,tab:"result"}})},children:(0,n.jsx)(i.ZP,{style:{transitionProperty:"all",transitionDuration:"0.3s"},item:!0,xs:12,borderRadius:"8px",padding:"6px 12px",bgcolor:"result"===k?w.cr_bg_07:w.cr_bg_00,children:(0,n.jsx)(l.Z,{style:{transitionProperty:"all",transitionDuration:"0.3s"},variant:"b16b",color:"result"===k?w.cr_tx_01:w.cr_tx_05,children:"결과"})})}),(null==Z?void 0:Z.progressHtml)&&(0,n.jsx)(g.z,{borderRadius:"8px",onClick:()=>{C("progress"),P.replace({pathname:P.pathname,query:{...P.query,tab:"progress"}})},children:(0,n.jsx)(i.ZP,{style:{transitionProperty:"all",transitionDuration:"0.3s"},item:!0,xs:12,borderRadius:"8px",padding:"6px 12px",bgcolor:"progress"===k?w.cr_bg_07:w.cr_bg_00,children:(0,n.jsx)(l.Z,{style:{transitionProperty:"all",transitionDuration:"0.3s"},variant:"b16b",color:"progress"===k?w.cr_tx_01:w.cr_tx_05,children:"일정"})})}),(Z.resultHtml||Z.progressHtml)&&(0,n.jsx)(g.z,{borderRadius:"8px",onClick:()=>{C("info"),P.replace({pathname:P.pathname,query:{...P.query,tab:"info"}})},children:(0,n.jsx)(i.ZP,{style:{transitionProperty:"all",transitionDuration:"0.3s"},item:!0,xs:12,borderRadius:"8px",padding:"6px 12px",bgcolor:"info"===k?w.cr_bg_07:w.cr_bg_00,children:(0,n.jsx)(l.Z,{style:{transitionProperty:"all",transitionDuration:"0.3s"},variant:"b16b",color:"info"===k?w.cr_tx_01:w.cr_tx_05,children:"정보"})})})]}),"result"===k&&(0,n.jsx)(i.ZP,{item:!0,xs:12,padding:"24px",children:(null==Z?void 0:Z.resultHtml)?(0,n.jsx)(x.Z,{children:(0,n.jsx)("div",{dangerouslySetInnerHTML:{__html:null==Z?void 0:Z.resultHtml}})}):(0,n.jsx)(i.ZP,{item:!0,xs:12,display:"flex",justifyContent:"center",alignItems:"center",height:"180px",children:(0,n.jsx)(l.Z,{variant:"b14",color:w.cr_tx_05,children:"대회 결과를 집계하는 중이에요"})})}),"progress"===k&&(0,n.jsx)(i.ZP,{item:!0,xs:12,padding:"24px",children:(null==Z?void 0:Z.progressHtml)?(0,n.jsx)(x.Z,{children:(0,n.jsx)("div",{dangerouslySetInnerHTML:{__html:null==Z?void 0:Z.progressHtml}})}):(0,n.jsx)(i.ZP,{item:!0,xs:12,display:"flex",justifyContent:"center",alignItems:"center",height:"180px",children:(0,n.jsx)(l.Z,{variant:"b14",color:w.cr_tx_05,children:"대회 현황을 준비중이에요"})})}),"info"===k&&Z&&(0,n.jsx)(h.Z,{data:Z}),(0,n.jsx)(i.ZP,{height:"36px"}),(null==Z?void 0:Z.status)===f.FM.Recruiting&&(0,n.jsx)(p.Z,{text:"대회 신청하기",onClick:()=>{P.push({pathname:"/competition/[id]/form",query:P.query})}})]})]})};var Z=!0;t.default=y}},function(e){e.O(0,[38,2808,9774,2888,179],function(){return e(e.s=38385)}),_N_E=e.O()}]);