https://cdn.archidekt.com/_next/static/chunks/pages/activity-6516eaf55c7186e9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6439],{6259:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/activity",function(){return a(51511)}])},22878:e=>{e.exports={flex:"activity_flex__z2qej",container:"activity_container__eKUWG",content:"activity_content__25usj",cardBanner:"activity_cardBanner__dVM80",percentage:"activity_percentage__T1_YW",deckCharts:"activity_deckCharts__uX_N7",scroll:"activity_scroll__UcSHV",chart:"activity_chart__ASJhj",chartContainer:"activity_chartContainer__MK2rf",chartHeader:"activity_chartHeader__upXUW",chartLabel:"activity_chartLabel__yj_BW",orange:"activity_orange__ddGlr",pieCharts:"activity_pieCharts__P0brh",integrations:"activity_integrations__mlYd1",cardThing:"activity_cardThing__L2av0",discord:"activity_discord__6IJzf",patreon:"activity_patreon__c4EY3"}},30402:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var r=a(75038),n=a(76430),s=a(54569),i=a(92031),c=a.n(i);let o=100,l=({data:e,onGlobalBarClick:t,maxChartHeight:a=o,relativeMaximum:n,containerClassName:s="",className:i="",labelContainerClassName:l="",style:h,handleFormatCount:_})=>{let u=n||e.reduce((e,{count:t})=>t>e?t:e,0),m=e.map(({count:e})=>e/u);return(0,r.jsxs)("div",{className:`${c().container} ${s}`,style:h,children:[(0,r.jsx)("div",{className:`${c().chart} ${i}`,children:e.map((e,n)=>{let s=m[n];return(0,r.jsxs)("div",{className:c().barContainer,children:[!!e.count&&(0,r.jsx)("label",{className:c().totalCount,children:_?_(e.count):e.count}),(0,r.jsx)(d,{bar:e,onGlobalBarClick:t,maxChartHeight:a,relativeChartHeight:s},e.label)]},e.label)})}),(0,r.jsx)("div",{className:c().axis}),(0,r.jsx)("div",{className:`${c().key} ${l}`,children:e.map(({label:e},t)=>(0,r.jsx)("div",{className:c().barContainer,children:(0,r.jsx)("label",{children:e})},e))})]})},d=({bar:e,onGlobalBarClick:t,maxChartHeight:a,relativeChartHeight:i})=>

1{let[o,l]=(0,n.useState)(!1),[d,h]=(0,n.useState)(!1),_=(0,n.useRef)(!1),u=(0,n.useRef)(null),m=(0,n.useRef)(null),v=(0,n.useCallback)(e=>{if(!m.current)return;let t=m.current.clientWidth,a=m.current.clientHeight,r=window.innerWidth||0,n=window.innerHeight||0,s=e.clientX,i=e.clientY;if(0===s&&0===i)return;let c=e.clientX>r-t,o=e.clientY>n-a,l=`translate(${s+(c?-1*t-25:25)}px, ${(o?i-a-25:i)+25}px)`;m.current.style.display="unset",m.current.style.transform=l},[o]);return(0,n.useEffect)(()=>{if(!o)return()=>document.removeEventListener("mousemove",v);document.addEventListener("mousemove",v,!1)},[o]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{onMouseOver:e=>{_.current||o||(u.current=setTimeout(()=>{v(e.nativeEvent),h(!0)},250),l(!0))},onMouseLeave:()=>{h(!1),l(!1)},onTouchStart:()=>_.current=!0,onTouchEnd:()=>setTimeout(()=>_.current=!1,100),className:c().bar,onClick:a=>e.onBarClick?e.onBarClick(a,e.label):t?t(a,e.label):void 0,style:{height:`${a*i}px`,display:e.count>0?void 0:"none",backgroundColor:e.color||void 0}}),o&&s.createPortal((0,r.jsx)("div",{ref:m,className:c().tooltip,style:{opacity:d&&m?.current?.style?.transform?1:0},children:e.tooltip||e.count}),document.body)]})}},51511:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSP:()=>j,default:()=>y});var r=a(75038),n=a(15918),s=a(79761),i=a(98419),c=a(92910),o=a(189),l=a(89808),d=a(56795),h=a.n(d);let _=({header:e,decks:t})=>{let a=t.reduce((e,t)=>(e.W+=+!!t.white,e.U+=+!!t.blue,e.B+=+!!t.black,e.R+=+!!t.red,e.G+=+!!t.green,e),{W:0,U:0,B:0,R:0,G:0}),n=Object.keys(a).filter(e=>a[e]>0).map(e=>({value:a[e],color:l.wm[l.hs[e]],colorAbr:e}));return(0,r.jsxs)("div",{className:h().container,children:[(0,r.jsx)("div",{className:h().title,children:e}),t.length&&(0,r.jsx)(o.r,{series:[{data:n}]}),!t.length&&(0,r.jsx)("span",{className:h().noData,children:"No data to display"})]})};var u=a(40120),m=a(30402);let v=(e,t=0)=>{let a=e.toFixed(t);return!["9","0"].includes(a.toString().slice(-1))||t>3||"0"==a?a:v(e,t+1)};var p=a(32071),x=a(22878),b=a.n(x),j=!0;let y=({userJoined:e,userDecks:t,percentUsersWithDeckCount:a})=>{let[{tbTier:o}]=(0,n.A)(["tbTier"]),l=t.length,[d,h]=(e=>{let t=new Date(e[0].createdAt),a=new Date;t.setDate(1),t.setHours(0,0,0,0),a.setDate(1);let r={};for(;t<=a;)r[t.toLocaleString("en-US",{month:"short",year:"numeric"})]=0,t.setMonth(t.getMonth()+1);e.forEach(e=>{let t=new Date(e.createdAt).toLocaleString("en-US",{month:"short",year:"numeric"});r[t]+=1});let n=Object.keys(r).sort((e,t)=>new Date(e).getTime()>new Date(t).getTime()?1:-1),s=n.length;return[n.reduce((e,t,a)=>{let s=r[t],i={label:t,count:r[t]};return 0!==s||0!==r[n[a-1]]||0!==r[n[a+1]]||0!==r[n[a+2]]&&0!==r[n[a-2]]?e.push(i):"…"!==e[e.length-1].label&&e.push({label:"…",count:0}),e},[]),s]})(t),x=h>24?`Past ${Math.trunc(h/12/2)} year(s)`:`Past ${h/2} months`,j=new Date,y=new Date;j.setMonth(j.getMonth()-1),y.setMonth(y.getMonth()-h/2);let g=v(a[l]);return(0,r.jsxs)(s.A,{title:"Archidekt",description:"Consider supporting Archidekt on Patreon.",className:b().container,children:[(0,r.jsx)(i.A,{src:p.fz+"bbd/59ea095b-af0e-4178-b6f4-816abb635fc0_art_crop.jpg",style:{height:300},backgroundClassName:b().cardBanner,artist:!0}),(0,r.jsxs)("div",{className:b().content,children:[(0,r.jsxs)("h2",{children:["You've built ",1e3===l?`over ${l}`:l," decks on Archidekt since"," ",`${new Date(e).toLocaleString("en-US",{month:"long",year:"numeric"})}`]}),(0,r.jsxs)("p",{className:b().percentage,children:["That's more than ",(0,r.jsxs)("b",{children:[g||0,"%"]})," of Archidekt users!"]}),(0,r.jsxs)("div",{className:b().integrations,children:[(0,r.jsxs)(c.A,{className:b().discord,href:"https://discord.gg/GyAAANU8uJ",target:"_blank",rel:"noopener noreferrer",children:[(0,r.jsx)(u.A,{name:"discord"}),(0,r.jsx)("h4",{children:"Have any ideas to make the site better?"}),(0,r.jsxs)("p",{children:["Consider joining our ",(0,r.jsx)("span",{className:b().orange,children:"Discord server"}),". There you can talk with the devs directly and join our awesome community to discuss your decks, find online games, and more!"]})]}),o&&0!==o&&(0,r.jsxs)(c.A,{className:b().patreon,href:"https://www.patreon.com/archidekt",target:"_blank",rel:"noopener noreferrer",children:[(0,r.jsx)(u.A,{name:"patreon"}),(0,r.jsx)("h4",{children:"Consider supporting us on Patreon"}),(0,r.jsxs)("p",{children:[(0,r.jsx)("span",{className:b().orange,children:"Patreon"})," is the best way to support Archidekt. For $2 a month you get an ad-free experience on Archidekt, which helps us to develop cool new features and keep the site running smoothly."]})]})]}),(0,r.jsx)("p",{className:b().percentage,children:"Take a look at how much you've done on Archidekt!"}),(0,r.jsxs)("div",{className:b().deckCharts,children:[(0,r.jsxs)("div",{className:b().chart,children:[(0,r.jsx)("div",{className:b().chartHeader,children:"Decks made over time"}),(0,r.jsx)("div",{className:b().scroll,children:(0,r.jsx)(m.A,{data:d,containerClassName:b().chartContainer,labelContainerClassName:b().chartLabel})})]}),(0,r.jsxs)("div",{className:b().chart,children:[(0,r.jsx)("div",{className:b().chartHeader,children:"Deck color breakdowns"}),(0,r.jsxs)("div",{className:b().pieCharts,children:[(0,r.jsx)(_,{header:"All time decks",decks:t}),(0,r.jsx)(_,{header:x,decks:t.filter(e=>new Date(e.createdAt)>=y)}),(0,r.jsx)(_,{header:"Past month",decks:t.filter(e=>new Date(e.createdAt)>=j)})]})]})]})]})]})}},56795:e=>{e.exports={container:"colorPieChart_container__5iAOI",title:"colorPieChart_title__us0FY",noData:"colorPieChart_noData__J_6fo"}},92031:e=>{e.exports={container:"barChart_container__ZdMUc",chart:"barChart_chart__

1CQt8F",key:"barChart_key__rYbc_",barContainer:"barChart_barContainer__j4Bw8",bar:"barChart_bar__9LjFs",totalCount:"barChart_totalCount__y3az0",axis:"barChart_axis__IYKuw",tooltip:"barChart_tooltip__DZ9D8"}}},e=>{e.O(0,[7516,189,636,6593,8792],()=>e(e.s=6259)),_N_E=e.O()}]);
2//# sourceMappingURL=activity-6516eaf55c7186e9.js.map