https://keykorea.vercel.app/_next/static/chunks/pages/leaderboard-0a67144e3adf25a5b55b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[268],{79042:function(e,r,t){"use strict";t.d(r,{iA:function(){return d},p3:function(){return m},Td:function(){return b},Th:function(){return p},hr:function(){return x},Tr:function(){return j}});var n=t(33344),c=t(44592),a=t(67294);function i(){return(i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function s(e,r){if(null==e)return{};var t,n,c={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(c[t]=e[t]);return c}var o=["className"],l=["placement"],u=["isNumeric"],f=["isNumeric"],d=(0,n.Gp)((function(e,r){var t=(0,n.jC)("Table",e),l=(0,n.Lr)(e),u=l.className,f=s(l,o);return a.createElement(n.Fo,{value:t},a.createElement(n.m$.table,i({role:"table",ref:r,__css:t.table,className:(0,c.cx)("chakra-table",u)},f)))}));c.Ts&&(d.displayName="Table");var h=(0,n.Gp)((function(e,r){var t=e.placement,c=void 0===t?"bottom":t,o=s(e,l),u=(0,n.yK)();return a.createElement(n.m$.caption,i({},o,{ref:r,__css:i({},u.caption,{captionSide:c})}))}));c.Ts&&(h.displayName="TableCaption");var x=(0,n.Gp)((function(e,r){var t=(0,n.yK)();return a.createElement(n.m$.thead,i({},e,{ref:r,__css:t.thead}))})),m=(0,n.Gp)((function(e,r){var t=(0,n.yK)();return a.createElement(n.m$.tbody,i({},e,{ref:r,__css:t.tbody}))})),p=(0,n.Gp)((function(e,r){var t=e.isNumeric,c=s(e,u),o=(0,n.yK)();return a.createElement(n.m$.th,i({},c,{ref:r,__css:o.th,"data-is-numeric":t}))})),j=(0,n.Gp)((function(e,r){var t=(0,n.yK)();return a.createElement(n.m$.tr,i({role:"row"},e,{ref:r,__css:t.tr}))})),b=(0,n.Gp)((function(e,r){var t=e.isNumeric,c=s(e,f),o=(0,n.yK)();return a.createElement(n.m$.td,i({role:"gridcell"},c,{ref:r,__css:o.td,"data-is-numeric":t}))}))},37162:function(e,r,t){"use strict";var n=t(85893),c=t(68527),a=t(49609);r.Z=function(){return(0,n.jsx)(c.xu,{pt:"8",w:"full",children:(0,n.jsx)(c.M5,{children:(0,n.jsx)(a.$,{color:"blue.400"})})})}},85133:function(e,r,t){"use strict"},98784:function(e,r,t){"use strict";t.d(r,{J:function(){return a}});var n=t(85893),c=t(68527),a=function(){return(0,n.jsxs)(c.xu,{maxH:"100px",maxW:"100px",as:"svg",id:"b21613c9-2bf0-4d37-bef0-3b193d34fc5d","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 647.63626 632.17383",children:[(0,n.jsx)("path",{d:"M687.3279,276.08691H512.81813a15.01828,15.01828,0,0,0-15,15v387.85l-2,.61005-42.81006,13.11a8.00676,8.00676,0,0,1-9.98974-5.31L315.678,271.39691a8.00313,8.00313,0,0,1,5.31006-9.99l65.97022-20.2,191.25-58.54,65.96972-20.2a7.98927,7.98927,0,0,1,9.99024,5.3l32.5498,106.32Z",transform:"translate(-276.18187 -133.91309)",fill:"#f2f2f2"}),(0,n.jsx)("path",{d:"M725.408,274.08691l-39.23-128.14a16.99368,16.99368,0,0,0-21.23-11.28l-92.75,28.39L380.95827,221.60693l-92.75,28.4a17.0152,17.0152,0,0,0-11.28028,21.23l134.08008,437.93a17.02661,17.02661,0,0,0,16.26026,12.03,16.78926,16.78926,0,0,0,4.96972-.75l63.58008-19.46,2-.62v-2.09l-2,.61-64.16992,19.65a15.01489,15.01489,0,0,1-18.73-9.95l-134.06983-437.94a14.97935,14.97935,0,0,1,9.94971-18.73l92.75-28.4,191.24024-58.54,92.75-28.4a15.15551,15.15551,0,0,1,4.40966-.66,15.01461,15.01461,0,0,1,14.32032,10.61l39.0498,127.56.62012,2h2.08008Z",transform:"translate(-276.18187 -133.91309)",fill:"#3f3d56"}),(0,n.jsx)("path",{d:"M398.86279,261.73389a9.0157,9.0157,0,0,1-8.61133-6.3667l-12.88037-42.07178a8.99884,8.99884,0,0,1,5.9712-11.24023l175.939-53.86377a9.00867,9.00867,0,0,1,11.24072,5.9707l12.88037,42.07227a9.01029,9.01029,0,0,1-5.9707,11.24072L401.49219,261.33887A8.976,8.976,0,0,1,398.86279,261.73389Z",transform:"translate(-276.18187 -133.91309)",fill:"#4299e1"}),(0,n.jsx)("circle",{cx:"190.15351",cy:"24.95465",r:"20",fill:"#4299e1"}),(0,n.jsx)("circle",{cx:"190.15351",cy:"24.95465",r:"12.66462",fill:"#fff"}),(0,n.jsx)("path",{d:"M878.81836,716.08691h-338a8.50981,8.50981,0,0,1-8.5-8.5v-405a8.50951,8.50951,0,0,1,8.5-8.5h338a8.50982,8.50982,0,0,1,8.5,8.5v405A8.51013,8.51013,0,0,1,878.81836,716.08691Z",transform:"translate(-276.18187 -133.91309)",fill:"#e

16e6e6"}),(0,n.jsx)("path",{d:"M723.31813,274.08691h-210.5a17.02411,17.02411,0,0,0-17,17v407.8l2-.61v-407.19a15.01828,15.01828,0,0,1,15-15H723.93825Zm183.5,0h-394a17.02411,17.02411,0,0,0-17,17v458a17.0241,17.0241,0,0,0,17,17h394a17.0241,17.0241,0,0,0,17-17v-458A17.02411,17.02411,0,0,0,906.81813,274.08691Zm15,475a15.01828,15.01828,0,0,1-15,15h-394a15.01828,15.01828,0,0,1-15-15v-458a15.01828,15.01828,0,0,1,15-15h394a15.01828,15.01828,0,0,1,15,15Z",transform:"translate(-276.18187 -133.91309)",fill:"#3f3d56"}),(0,n.jsx)("path",{d:"M801.81836,318.08691h-184a9.01015,9.01015,0,0,1-9-9v-44a9.01016,9.01016,0,0,1,9-9h184a9.01016,9.01016,0,0,1,9,9v44A9.01015,9.01015,0,0,1,801.81836,318.08691Z",transform:"translate(-276.18187 -133.91309)",fill:"#4299e1"}),(0,n.jsx)("circle",{cx:"433.63626",cy:"105.17383",r:"20",fill:"#4299e1"}),(0,n.jsx)("circle",{cx:"433.63626",cy:"105.17383",r:"12.18187",fill:"#fff"})]})}},70837:function(e,r,t){"use strict";t.d(r,{n:function(){return n}});var n=function(e){var r=Math.floor(e/864e5),t=Math.floor(e%864e5/36e5),n=Math.floor(e%36e5/6e4),c=(e%6e4/1e3).toFixed(2);return"".concat(r?r+"d ":""," ").concat(t||r?t+"h ":""," ").concat(n||t?n+"m ":""," ").concat(c||n?c+"s":"0s")}},64565:function(e,r,t){"use strict";t.r(r),t.d(r,{default:function(){return S}});var n=t(85893),c=t(55645),a=t(67294),i=t(68527),s=t(92809),o=t(31570),l=t(56311),u=t(81738),f=t(15193),d=t(59876),h=(t(85133),t(43366));function x(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function m(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?x(Object(t),!0).forEach((function(r){(0,s.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var p=function(e){var r=e.setCategory,t=(0,l.Z)(e,["setCategory"]),a=(0,h.N)(),i=a.data,s=a.isLoading||!i?[{category:"All Exercises",name:"All Exercises"},{category:"challenge",name:"Challenge Mode"}]:[{category:"All Exercises",name:"All Exercises"},{category:"challenge",name:"Challenge Mode"}].concat((0,o.Z)(Object.entries(i).map((function(e){var r=(0,c.Z)(e,2),t=(r[0],r[1]);return{category:t.exercise_slug,name:t.exercise_name}}))));return(0,n.jsxs)(u.v2,{children:[(0,n.jsx)(u.j2,m(m({},t),{},{as:f.zx,rightIcon:(0,n.jsx)(d.v4,{}),children:"Select Category"})),(0,n.jsx)(u.qy,{children:s.map((function(e){return(0,n.jsx)(u.sN,{onClick:function(){return r(e)},children:e.name})}))})]})},j=t(809),b=t.n(j),y=t(30266),v=t(79042),g=t(7657),O=t(9669),w=t.n(O),_=t(58747),E=t(88767),T=t(41664),N=t(70837),Z=(t(98784),function(e){e.slug;return(0,n.jsxs)(i.gC,{pt:"5",children:[(0,n.jsx)(i.X6,{pt:"2",size:"sm",children:"No attempts for this category"}),(0,n.jsx)(i.xv,{pb:"2",children:"Why not be first to take the #1 position?"}),(0,n.jsx)(T.default,{href:"/practice",children:(0,n.jsx)("a",{children:(0,n.jsx)(f.zx,{size:"sm",bgColor:"blue.400",color:"white",variant:"solid",_hover:{backgroundColor:"blue.500"},children:"Go to Practice Mode"})})})]})}),A=t(37162),C=function(e){return"challenge"===e.toLowerCase()},M=function(){var e=(0,y.Z)(b().mark((function e(r){var t;return b().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("All Exercises"!==r){e.next=6;break}return e.next=3,w().get("".concat(_.M,"/api/questions/leaderboard/"));case 3:e.t0=e.sent,e.next=9;break;case 6:return e.next=8,w().get("".concat(_.M,"/api/questions/leaderboard/?category=").concat(r));case 8:e.t0=e.sent;case 9:return t=e.t0,e.abrupt("return",t.data);case 11:case"end":return e.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}(),k=function(e){var r=e.category,t=(0,E.useQuery)(["leaderboard",r],(function(){return M(r)}),{retry:3,retryDelay:0}),c=t.isLoading,a=t.data,s=t.isError;return(0,n.jsxs)(i.xu,{spacing:"4",overflowX:"auto",children:[(0,n.jsxs)(v.iA,{variant:"simple",children:[(0,n.jsx)(v.hr,{children:(0,n.jsxs)(v.Tr,{children:[(0,n.jsx)(v.Th,{children:" Rank "}),(0,n.jsx)(v.Th,{children:"User"}),!C(r)&&(0,n.jsx)(v.Th,{children:"Subexercise"}),(0,n.jsx)(v.Th,{isNumeric:!0,children:"Score"}),(0,n.jsx)(v.Th,{isNumeric:!0,children:"WPM"}),(0,n.jsx)(v.Th,{isNumeric:!0,children:"Accuracy"}),(0,n.jsx)(v.Th,{isNumeric:!0,children:"Time Elapsed"})]})}),(0,n.jsx)(v.p3,{children:a&&a.map((function(e,t){return(0,n.jsxs)(v.Tr,{children:[(0,n.jsxs)(v.Td,{children:["#",t+1]}),(0,n.jsx)(v.Td,{children:(0,n.jsx)(T.default,{href:"/profile/".concat(e.user.username),children:(0,n.jsxs)(i.Ug,{children:[(0,n.jsx)(g.qE,{src:e.user.avatar,size:"sm"}),(0,n.jsx)(i.rU,{_hover:{color:"blue.400",textDecoration:"underline"},children:e.user.username})]})})}),!C(r)&&(0,n.jsx)(v.Td,{children:e.subexercise_slug.subexercise_name}),(0,n.jsx)(v.Td,{isNumeric:!0,children:e.score.toFixed(2)}),(0,n.jsx)(v.Td,{isNumeric:!0,children:e.wpm.toFixed(2)}),(0,n.jsxs)(v.Td,{isNumeric:!0,children:[e.accuracy.toFixed(2),"%"]}),(0,n.jsx)(v.Td,{isNumeric:!0,children:(0,N.n)(1e3*e.time_elapsed)})]})}))})]}),c?(0,n.jsx)(A.Z,{}):s?(0,n.jsxs)(i.gC,{mt:"8",children:[(0,n.jsx)(i.X6,{size:"md",textAlign:"center",children:"Sorry, something went wrong."})," ",(0,n.jsx)(i.xv,{textAlign:"center",children:"Could not fetch leaderboard data."})]}):a.length<=0&&(0,n.jsx)(Z,{})]})},P=t(14428),S=function(){var e=a.useState({category:"All Exercises",name:"All Exercises"}),r=(0,c.Z)(e,2),t=r[0],s=r[1];return(0,P.Z)("KeyKorea - ".concat(t.name," Leaderboard")),(0,n.jsx)(i.W2,{pt:"8",maxW:"container.xl",children:(0,n.jsxs)(i.gC,{spacing:2,width:"100%",align:"stretch",children:[(0,n.jsxs)(i.xu,{display:{base:"",md:"flex"},alignItems:{base:"",md:"flex"}

1,justifyContent:{base:"",md:"space-between"},children:[(0,n.jsxs)(i.X6,{children:[t.name," Leaderboard"]}),(0,n.jsx)(p,{width:{base:"100%",md:"48"},setCategory:s})]}),(0,n.jsx)(k,{category:t.category})]})})}},98165:function(e,r,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/leaderboard",function(){return t(64565)}])},14428:function(e,r,t){"use strict";var n=t(67294),c={restoreOnUnmount:!1};r.Z="undefined"!==typeof document?function(e,r){void 0===r&&(r=c);var t=(0,n.useRef)(document.title);document.title!==e&&(document.title=e),(0,n.useEffect)((function(){return r&&r.restoreOnUnmount?function(){document.title=t.current}:void 0}),[])}:function(e){}},56311:function(e,r,t){"use strict";function n(e,r){if(null==e)return{};var t,n,c=function(e,r){if(null==e)return{};var t,n,c={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(c[t]=e[t]);return c}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(c[t]=e[t])}return c}t.d(r,{Z:function(){return n}})},31570:function(e,r,t){"use strict";t.d(r,{Z:function(){return a}});var n=t(56586);var c=t(16988);function a(e){return function(e){if(Array.isArray(e))return(0,n.Z)(e)}(e)||function(e){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||(0,c.Z)(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}}},function(e){e.O(0,[774,888,179],(function(){return r=98165,e(e.s=r);var r}));var r=e.O();_N_E=r}]);