PageSourceSearch

https://www.codedex.io/_next/static/chunks/pages/community/leaderboards-74dda9b75ad34753.js

js codedex.io collected 2026-09-25 14:55:49 UTC 21,873 bytes, 1 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1038],{94807:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/community/leaderboards",function(){return t(82429)}])},44510:function(n,e,t){"use strict";var r=t(67294),l=t(11163);e.Z=function(n){let{community:e,filter:t,refreshTrigger:a=null}=n,i=(0,l.useRouter)(),[o,s]=(0,r.useState)([]),[c,d]=(0,r.useState)(!1),[p,u]=(0,r.useState)(1);return(0,r.useEffect)(()=>{async function getCommunityPosts(){let n="".concat(e,"-").concat(t.internalName,"-").concat(a),r=JSON.parse(sessionStorage.getItem(n));if((null==r?void 0:r.posts)||(r={}),r.posts)s(null==r?void 0:r.posts),u(null==r?void 0:r.currentPage),(null==r?void 0:r.posts.length)===0&&d(!0);else{let l=t.api,a=await fetch(l),i=await a.json(),o=i.posts;r={posts:[...o],currentPage:"leaderboards"===e?null==i?void 0:i.lastUserId:1},sessionStorage.setItem(n,JSON.stringify({...r})),s(o),u(1),0===o.length&&d(!0)}}s([]),getCommunityPosts()},[e,null==t?void 0:t.api,null==t?void 0:t.internalName,a]),(0,r.useEffect)(()=>{function logScrollPosition(){let n="".concat(e,"-").concat(t.internalName,"-").concat(a,"-scroll");0!=window.scrollY&&sessionStorage.setItem(n,JSON.stringify(window.scrollY))}return window.addEventListener("scroll",logScrollPosition),()=>{window.removeEventListener("scroll",logScrollPosition)}},[i.asPath,e,t.internalName,a]),{posts:o,noMorePosts:c,currentPage:p}}},86121:function(n,e,t){"use strict";var r=t(82729),l=t(85893),a=t(19521),i=t(67294),o=t(62286),s=t.n(o),c=t(41664),d=t.n(c),p=t(11163);function _templateObject(){let n=(0,r._)(["\n  display: flex;\n  align-items: center;\n  margin: 0px 20px;\n  border-bottom: 2px solid ",';\n  font-family: "Mulish", sans-serif;\n  max-width: calc(100vw - 2rem);\n\n  '," {\n    overflow: scroll;\n  }\n\n  "," {\n    overflow: hidden;\n  }\n\n  p {\n    margin: 0px;\n  }\n\n  .channel-filter {\n    padding: 10px 8px;\n    border-bottom: 2px solid transparent;\n\n    .filter-text {\n      padding: 8px 12px;\n      color: ",";\n      font-size: 16px;\n      font-weight: 600;\n      line-height: 150%;\n      border-radius: 4px;\n      min-width: var(--min-width);\n      white-space: nowrap;\n\n      span {\n        /* padding: 2px 6px; */\n        border-radius: 50%;\n        background: ",";\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 700;\n        line-height: normal;\n      }\n    }\n\n    :hover {\n      .filter-text {\n        background: ",";\n        color: ",";\n      }\n    }\n  }\n\n  .current-filter {\n    border-bottom: 2px solid #14adff;\n    .filter-text {\n      font-weight: 700;\n      color: ",";\n\n      span {\n        background: #0080d4;\n        color: #fff;\n      }\n    }\n  }\n  a {\n    text-decoration: none;\n  }\n"]);return _templateObject=function(){return n},n}let u=a.default.div.withConfig({componentId:"sc-54782e55-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.border.grey.light},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>n.theme.colors.border.grey.light,n=>n.theme.colors.background.grey.tertiary,n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.text.primary});e.Z=function(n){let{filters:e,currentFilter:t,setCurrentFilter:r}=n,a=s().get().codedextoken||"",o=(0,i.useRef)({}),c=(0,p.useRouter)(),x=c.asPath.replace(/\/(submissions|winners)(\/)?$/,"");return(0,i.useEffect)(()=>{Object.values(e).forEach(n=>{let e=o.current[n.internalName];if(e){let n=e.style.fontWeight;e.style.fontWeight="700";let t=e.scrollWidth;e.style.fontWeight=n,e.style.setProperty("--min-width","".concat(t,"px"))}})},[e]),(0,l.jsx)(u,{className:"community-feed-filters",children:Object.values(e).map(n=>{if(((null==n?void 0:n.disableOnLogout)!=!0||a)&&(null==n?void 0:n.disable)!=!0)return(null==x?void 0:x.includes("monthly-challenge"))?(0,l.jsx)(d(),{href:"".concat(x,"/").concat(n.link),children:(0,l.jsx)("div",{className:"channel-filter nes-pointer ".concat(t===n.internalName?"current-filter":""),onClick:()=>r(n.internalName),children:(0,l.jsxs)("p",{className:"filter-text",ref:e=>{o.current[n.internalName]=e},children:[n.displayText," ",(null==n?void 0:n.num)&&(0,l.jsx)("span",{style:{padding:(null==n?void 0:n.num)>=10?"3px 4px":"2px 6px"},children:null==n?void 0:n.num})]})})},n.internalName):(0,l.jsx)("div",{className:"channel-filter nes-pointer ".concat(t===n.internalName?"current-filter":""," ").concat(n.internalName),onClick:()=>r(n.internalName),children:(0,l.jsxs)("p",{className:"filter-text",ref:e=>{o.current[n.internalName]=e},children:[n.displayText," ",(null==n?void 0:n.num)&&(0,l.jsx)("span",{style:{padding:(null==n?void 0:n.num)>=10?"3px 4px":"2px 6px"},children:null==n?void 0:n.num})]})},n.internalName)})})}},82429:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return F},default:function(){return Index}});var r=t(85893),l=t(11163),a=t(67294),i=t(99428),o=t(82077),s=t(44510),c=t(74796),d=t(52861),p=t(82729),u=t(19521
1),x=t(9473),m=t(609),f=t(58533),h=t(25670),g=t(85307),b=t(41664),j=t.n(b);function _templateObject(){let n=(0,p._)(["\n  padding: 10px 0px;\n\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  border-radius: 4px;\n\n  &.owner {\n    background-color: ",";\n    border: 2px solid ",";\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  .user-info {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n\n    .placement {\n      width: 37px;\n      p {\n        color: ",';\n        font-family: "PixelGridS", sans-serif;\n        font-size: 18px;\n        font-weight: 700;\n        line-height: 140%;\n        letter-spacing: 0.54px;\n      }\n    }\n\n    .author {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n\n      img {\n        flex-shrink: 0;\n        width: 40px;\n        height: 40px;\n        object-fit: cover;\n        border-radius: 50%;\n        transition-duration: 0.2s;\n\n        :hover {\n          opacity: 0.8;\n        }\n      }\n\n      .names-username {\n        .name {\n          color: ',";\n          font-size: 16px;\n          font-weight: 700;\n          line-height: 150%;\n\n          display: flex;\n          align-items: center;\n          gap: 4px;\n\n          img {\n            width: 24px;\n            height: 24px;\n            flex-shrink: 0;\n          }\n\n          :hover {\n            text-decoration: underline;\n          }\n        }\n\n        .username {\n          color: ",";\n          font-size: 14px;\n          font-weight: 500;\n          line-height: 150%;\n\n          :hover {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n  }
1\n\n  .total-xp {\n    flex-direction: 0;\n    p {\n      color: ",";\n      font-size: 16px;\n      font-weight: 700;\n      line-height: 150%;\n    }\n  }\n"]);return _templateObject=function(){return n},n}let v=u.default.div.withConfig({componentId:"sc-d0548c97-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.background.green.primary},n=>{let{theme:e}=n;return e.colors.background.green.tertiary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.tertiary});var leaderboard_LeaderBoardCard=function(n){let{user:e,index:t,owner:l}=n,a=(0,g.Z)(null==e?void 0:e.totalXp);return(0,r.jsxs)(v,{children:[(0,r.jsxs)("div",{className:"user-info",children:[(0,r.jsx)("div",{className:"placement",children:(0,r.jsx)("p",{children:t})}),(0,r.jsxs)("div",{className:"author",children:[(0,r.jsx)(j(),{href:"/@".concat(null==e?void 0:e.username),target:"_blank",children:(0,r.jsx)("img",{src:null==e?void 0:e.photoURL,alt:"user pfp"})}),(0,r.jsxs)("div",{className:"names-username",children:[(0,r.jsx)(j(),{href:"/@".concat(null==e?void 0:e.username),target:"_blank",children:(0,r.jsxs)("p",{className:"name",children:[(0,r.jsx)("span",{children:null==e?void 0:e.name}),(0,r.jsx)("img",{className:"rank-badge",src:a.badge,alt:"user rank badge"})]})}),(0,r.jsx)(j(),{href:"/@".concat(null==e?void 0:e.username),target:"_blank",children:(0,r.jsxs)("p",{className:"username",children:["@",null==e?void 0:e.username]})})]})]})]}),(0,r.jsx)("div",{className:"total-xp",children:(0,r.jsxs)("p",{children:[null==e?void 0:e.totalXp," XP"]})})]})},y=t(69214),w=t(51226);function PlacementCard_templateObject(){let n=(0,p._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  a {\n    text-decoration: none;\n  }\n\n  .top-header {\n    margin-top: 16px;\n\n    display: flex;\n    align-items: center;\n    gap: 14px;\n\n    .line {\n      flex: 1;\n      height: 2px;\n      background-color: ",";\n    }\n\n    p {\n      color: ",";\n\n      font-size: 12px;\n      font-weight: 600;\n      line-height: 150%;\n      letter-spacing: 1.68px;\n      text-transform: uppercase;\n    }\n  }\n\n  .card-info {\n    padding: 10px 16px;\n\n    display: flex;\n    align-items: center;\n    gap: 24px;\n\n    background-color: ",";\n    border: 2px solid ",";\n    border-radius: 4px;\n\n    .user-info {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex: 1;\n\n      .placement {\n        flex-shrink: 0;\n        width: 37px;\n        position: relative;\n\n        .num {\n          color: ",';\n          font-family: "PixelGridS", sans-serif;\n          font-size: 18px;\n          font-weight: 700;\n          line-height: 140%;\n          letter-spacing: 0.54px;\n          position: relative;\n          width: fit-content;\n\n          .tooltip {\n            display: none;\n            position: absolute;\n            bottom: 100%;\n\n            left: 50% !important;\n            bottom: calc(100% + 10px);\n            transform: translateX(-50%) !important;\n            min-width: fit-content;\n          }\n\n          :hover {\n            .tooltip {\n              display: flex;\n            }\n          }\n        }\n      }\n\n      .author {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n\n        img {\n          flex-shrink: 0;\n          width: 40px;\n          height: 40px;\n          object-fit: cover;\n          border-radius: 50%;\n\n          :hover {\n            opacity: 0.8;\n          }\n        }\n\n        .names-username {\n          .name {\n            color: ',";\n            font-size: 16px;\n            font-weight: 700;\n            line-height: 150%;\n\n            display: flex;\n            align-items: center;\n            gap: 4px;\n\n            img {\n              width: 24px;\n              height: 24px;\n              flex-shrink: 0;\n            }\n\n            :hover {\n              text-decoration: underline;\n            }\n          }\n\n          .username {\n            color: ",";\n            font-size: 14px;\n            font-weight: 500;\n            line-height: 150%;\n\n            :hover {\n              text-decoration: underline;\n            }\n          }\n        }\n      }\n    }
1\n\n    .total-xp {\n      flex-direction: 0;\n      p {\n        color: ",";\n        font-size: 16px;\n        font-weight: 700;\n        line-height: 150%;\n      }\n    }\n  }\n\n  .placement-description {\n    color: ",";\n    font-size: 14px;\n    font-style: italic;\n    font-weight: 500;\n    line-height: 150%;\n    text-align: center;\n  }\n"]);return PlacementCard_templateObject=function(){return n},n}let N=u.default.div.withConfig({componentId:"sc-7e727c35-0"})(PlacementCard_templateObject(),n=>{let{theme:e}=n;return e.colors.border.grey.medium},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.background.grey.secondary},n=>{let{theme:e}=n;return e.colors.border.grey.medium},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.secondary});var leaderboard_PlacementCard=function(n){let{placement:e}=n,t=(0,g.Z)(null==e?void 0:e.totalXp),l=localStorage.getItem("photoURL")||"",a=(0,x.v9)(m.r),i=(0,x.v9)(m.Uq),o=(0,x.v9)(m.zr),{month:s,day:c}=(0,w.P)();return e?(0,r.jsxs)(N,{children:[(null==e?void 0:e.totalXp)!=void 0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"top-header",children:[(0,r.jsx)("div",{className:"line"}),(0,r.jsx)("p",{children:"MY PROGRESS"}),(0,r.jsx)("div",{className:"line"})]}),(0,r.jsxs)("div",{className:"card-info",children:[(0,r.jsxs)("div",{className:"user-info",children:[(0,r.jsx)("div",{className:"placement",children:(0,r.jsxs)("p",{className:"num",children:[(null==e?void 0:e.rank)>99?"99+":null==e?void 0:e.rank," ",(0,r.jsx)(y.Z,{text:"".concat(null==e?void 0:e.rank),arrowDirection:"bottom"})]})}),(0,r.jsxs)("div",{className:"author",children:[(0,r.jsx)(j(),{href:"/@".concat(o),children:(0,r.jsx)("img",{src:l,alt:"user pfp"})}),(0,r.jsxs)("div",{className:"names-username",children:[(0,r.jsx)(j(),{href:"/@".concat(o),children:(0,r.jsxs)("p",{className:"name",children:[(0,r.jsxs)("span",{children:[a," ",i]}),(0,r.jsx)("img",{className:"rank-badge",src:t.badge,alt:"user rank badge"})]})}),(0,r.jsx)(j(),{href:"/@".concat(o),children:(0,r.jsxs)("p",{className:"username",children:["@",o]})})]})]})]}),(0,r.jsx)("div",{className:"total-xp",children:(0,r.jsxs)("p",{children:[null==e?void 0:e.totalXp," XP"]})})]})]}),(0,r.jsxs)("p",{className:"placement-description",style:{marginTop:(null==e?void 0:e.totalXp)==void 0&&"1rem"},children:["Weekly Leaderboard results include activity since Sun, ",s," ",c," and reset Sundays at 12am ET."]})]}):null};function LeaderBoardContainer_templateObject(){let n=(0,p._)(["\n  margin: 0px 0px;\n  padding: 0px 20px;\n\n  .user-feed {\n    display: flex;\n    flex-direction: column;\n  }\n"]);return LeaderBoardContainer_templateObject=function(){return n},n}let _=u.default.div.withConfig({componentId:"sc-f69843af-0"})(LeaderBoardContainer_templateObject());var leaderboard_LeaderBoardContainer=function(n){let{users:e,currentFilter:t}=n,l=(0,x.v9)(m.f8);(0,x.v9)(m.o4);let[i,o]=(0,a.useState)(null);return(0,a.useEffect)(()=>{async function getUserPlacement(){let n=await fetch("/api/community/getUserPlacement?uid=".concat(l)),e=await n.json();o(e)}l&&getUserPlacement()},[l]),(0,r.jsxs)(_,{children:[(0,r.jsx)("div",{className:"user-feed",id:"user-rank-feed",children:null==e?void 0:e.map((n,e)=>(0,r.jsx)(leaderboard_LeaderBoardCard,{user:n,index:e+1,owner:l==(null==n?void 0:n.uid)},n.uid))}),"all-time"!=t&&(0,r.jsx)(leaderboard_PlacementCard,{placement:i})]})},k=t(67788),C=t(86121),L=t(83330);function LeaderBoardFeed_templateObject(){let n=(0,p._)(["\n  width: 100%;\n  max-width: 700px;\n\n  .channel-posts {\n    margin-top: 24px;\n    padding-bottom: 2rem;\n    display: flex;\n    flex-direction: column;\n    overflow: visible !important;\n  }\n"]);return LeaderBoardFeed_templateObject=function(){return n},n}let S=u.default.div.withConfig({componentId:"sc-52c293a6-0"})(LeaderBoardFeed_templateObject());var leaderboard_LeaderBoardFeed=function(n){let{posts:e,setAllPosts:t,filters:l,currentFilter:i,setCurrentFilter:o,savedCurrentPage:s=1,noMorePosts:c=!1,community:d,disableComposer:p=!1,headerType:u="without-channel",pinPost:g=!1,refreshTrigger:b=null}=n;(0,x.v9)(m.f8);let[j,v]=(0,a.useState)(s),[y,w]=(0,a.useState)(!0);(0,a.useEffect)(()=>{c&&w(!1)},[e,c]);let N=(0,a.useCallback)(async()=>{try{let n=l[i],e="".concat(d,"-").concat(n.internalName,"-").concat(b),r=JSON.parse(sessionStorage.getItem(e)),a=r.currentPage,o="".concat(n.api,"&lastUserId=").concat(a),s=await fetch(o),c=await s.json(),p=c.posts;0!=p.length&&(v(null==c?void 0:c.lastUserId),t(n=>[...n,...p]),r={posts:[...r.posts,...p],currentPage:null==c?void 0:c.lastUserId},sessionStorage.setItem(e,JSON.stringify({...r}))),p.length<9&&w(!1)}catch(n){console.error("Error fetching more posts:",n),w(!1)}},[l,i,d,b,t]),_="all-time"===i?500:10;return(0,r.jsxs)(S,{children:[(0,r.jsx)(k.Z,{community:d}),(0,r.jsx)(L.Z,{community:d}),(0,r.jsx)(C.Z,{filters:l,currentFilter:i,setCurrentFilter:o}),(0,r.jsx)(f.Z,{className:"channel-posts",dataLength:e.length,next:N,hasMore:(null==e?void 0:e.length)<_,scrollThreshold:.5,loader:(0,r.jsx)(h.Z,{}),children:(0,r.jsx)(leaderboard_LeaderBoardContainer,{users:e,currentFilter:i})})]})},O=t(20759),P=t(42392),B=t(73857);
1function LeaderBoardCta_templateObject(){let n=(0,p._)(["\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n\n  a {\n    text-decoration: none;\n    width: 100%;\n\n    button {\n      width: 100%;\n    }\n  }\n\n  .cta-copy {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n\n    .title {\n      color: ",";\n\n      font-size: 16px;\n      font-weight: 700;\n      line-height: 150%;\n    }\n\n    .description {\n      color: ",";\n      font-size: 14px;\n      font-weight: 600;\n      line-height: 150%;\n    }\n  }\n"]);return LeaderBoardCta_templateObject=function(){return n},n}let E=(0,u.default)(O.Z).withConfig({componentId:"sc-e954c5c5-0"})(LeaderBoardCta_templateObject(),n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.tertiary});var leaderboard_LeaderBoardCta=function(){let n=(0,x.v9)(m.o4)||"dark";return(0,r.jsxs)(E,{borderColor:"dark"===n?"475569":"CBD5E1",children:[(0,r.jsx)(P.Z,{}),(0,r.jsxs)("div",{className:"cta-copy",children:[(0,r.jsx)("p",{className:"title",children:"Earn XP by learning"}),(0,r.jsx)("p",{className:"description",children:"Get XP by completing course exercises or code challenges in Python, HTML, JavaScript, and more."})]}),(0,r.jsx)(j(),{href:"/courses",children:(0,r.jsx)(B.Z,{variant:"subtle",size:"small",children:"Explore Courses"})})]})},I=t(46331);function LeaderboardBlog_templateObject(){let n=(0,p._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n\n  .guidline-container {\n    padding: 14px;\n    display: flex;\n    justify-content: center;
1\n    align-items: center;\n    gap: 12px;\n\n    img {\n      flex-shrink: 0;\n      width: 48px;\n      height: 48px;\n      border-radius: 4px;\n      object-fit: cover;\n    }\n\n    .guidline-toggle-copy {\n      flex: 1;\n      .top-copy {\n        color: ",";\n        font-size: 14px;\n        font-weight: 700;\n      }\n\n      .bottom-copy {\n        color: ",";\n\n        font-size: 14px;\n\n        font-weight: 600;\n      }\n    }\n\n    .arrow {\n      transform: rotate(180deg);\n    }\n\n    :hover {\n      background: ",";\n    }\n  }\n\n  .copyright {\n    color: ",";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 150%;\n    text-align: center;\n\n    a {\n      color: ",";\n    }\n  }\n"]);return LeaderboardBlog_templateObject=function(){return n},n}let Z=u.default.div.withConfig({componentId:"sc-bc586dda-0"})(LeaderboardBlog_templateObject(),n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.background.grey.secondary},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.colors.text.secondary});var leaderboard_LeaderboardBlog=function(){let n=(0,x.v9)(m.o4)||"dark";return(0,r.jsx)(j(),{href:"/blog/levels-and-ranks",style:{textDecoration:"none"},target:"_blank",children:(0,r.jsxs)(Z,{children:[(0,r.jsxs)(O.Z,{className:"guidline-container nes-pointer",borderColor:"dark"===n?"475569":"CBD5E1",children:[(0,r.jsx)("img",{src:"https://firebasestorage.googleapis.com/v0/b/codedex-io.appspot.com/o/blogs%2Flevels-and-ranks%2Fbanner.png?alt=media&token=f1f3540e-e7c7-4c5e-b356-14de14319c4d",alt:"levels and ranks blog banner"}),(0,r.jsxs)("div",{className:"guidline-toggle-copy",children:[(0,r.jsx)("p",{className:"top-copy",children:"Introducing: Levels and Ranks"}),(0,r.jsx)("p",{className:"bottom-copy",children:"2 min read . Jun 24, 2023"})]}),(0,r.jsx)(I.Z,{className:"arrow"})]}),(0,r.jsxs)("p",{className:"copyright",children:["\xa9 ",new Date().getFullYear(),"  Niteowl, Inc. \xb7"," ",(0,r.jsx)(j(),{href:"/terms",target:"_blank",children:"Terms"})," ","\xb7"," ",(0,r.jsx)(j(),{href:"/privacy",target:"_blank",children:"Privacy Policy"})]})]})})};function LeaderboardSidebar_templateObject(){let n=(0,p._)(["\n  width: 320px;\n  position: sticky;\n  top: 5.4rem;\n  height: fit-content;\n  min-height: calc(100vh - 8rem);\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n"]);return LeaderboardSidebar_templateObject=function(){return n},n}let z=u.default.div.withConfig({componentId:"sc-a10d4fbf-0"})(LeaderboardSidebar_templateObject());var leaderboard_LeaderboardSidebar=function(){return(0,r.jsxs)(z,{className:"sidebar",children:[(0,r.jsx)(leaderboard_LeaderBoardCta,{}),(0,r.jsx)(leaderboard_LeaderboardBlog,{})]})},F=!0;function Index(n){let{ranking:e}=n;(0,l.useRouter)();let t={weekly:{api:"/api/community/getWeeklyXpRank?",displayText:"Weekly",internalName:"weekly"},"all-time":{api:"/api/community/getAllTimeXpRank?",displayText:"All Time",internalName:"all-time"}},[p,u]=(0,a.useState)("all-time"),{posts:x,noMorePosts:m,currentPage:f}=(0,s.Z)({community:"leaderboards",filter:t[p]}),[h,g]=(0,a.useState)([]);return(0,a.useEffect)(()=>{"weekly"===p?g(e):g(x)},[x,p,e]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.Z,{learningEnv:"community"}),(0,r.jsxs)(c.Z,{children:[(0,r.jsx)(o.Z,{}),(0,r.jsxs)(d.Z,{children:[(0,r.jsx)(leaderboard_LeaderBoardFeed,{posts:h,setAllPosts:g,filters:t,currentFilter:p,setCurrentFilter:u,savedCurrentPage:f,community:"leaderboards"}),(0,r.jsx)(leaderboard_LeaderboardSidebar,{})]})]})]})}}},function(n){n.O(0,[1272,8700,4153,1622,9280,9428,8325,1024,9774,2888,179],function(){return n(n.s=94807)}),_N_E=n.O()}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.