https://www.muggle-ai.com/static/js/7457.527b84b0.chunk.js

1"use strict";(globalThis.webpackChunkmuggle_ai_ui=globalThis.webpackChunkmuggle_ai_ui||[]).push([[7457],{71300(e,s,r){r.d(s,{$0:()=>A,An:()=>m,Bt:()=>M,EZ:()=>E,F0:()=>o,Ig:()=>u,LV:()=>N,Lz:()=>x,Pq:()=>q,QC:()=>$,RY:()=>l,Ry:()=>c,Uk:()=>v,Uo:()=>b,VT:()=>C,X3:()=>z,ZI:()=>j,ZM:()=>i,ah:()=>n,eT:()=>p,js:()=>h,mm:()=>F,nU:()=>L,oA:()=>y,pu:()=>w,q1:()=>k,rr:()=>R,v3:()=>f,wW:()=>g,wt:()=>t,x7:()=>d});var a=r(12509);const t="min-h-screen overflow-x-clip text-[#F6F4F0]",l="mx-auto w-full max-w-3xl px-5 py-14 sm:px-7",d=`mx-auto w-full max-w-3xl px-5 sm:px-7 ${a.DH}`,n=`${l} text-center`,o="m-0 text-[30px] font-extrabold uppercase leading-[1.02] tracking-[-0.03em] sm:text-[38px]",i="mt-2 text-[14.5px] leading-relaxed text-[#A2A09C]",c="m-0 text-[21px] font-extrabold uppercase leading-[1.05] tracking-[-0.02em] sm:text-[25px]",x="rounded-md border border-[#2C2C30] bg-[#1C1C1F] p-4 sm:p-5",m="rounded-md border border-[#E66E1A] bg-[#1C1C1F] p-4 sm:p-5",h="rounded-[5px] border border-[#2C2C30] bg-[#1C1C1F] p-3.5 sm:p-4",p="mb-1.5 block text-[11px] font-semibold uppercase tracking-[0.11em] text-[#A2A09C]",b="mt-1.5 text-[12px] leading-relaxed text-[#7C7A76]",u="text-[10.5px] uppercase tracking-[0.11em] text-[#A2A09C]",j="text-[17px] font-extrabold tabular-nums tracking-[-0.02em] text-[#F6F4F0]",C=`h-11 w-full rounded-[5px] border border-[#2C2C30] bg-[#1C1C1F] px-3 text-[14.5px] text-[#F6F4F0] shadow-none [color-scheme:dark] placeholder:text-[#7C7A76] focu

1s-visible:ring-0 ${a.Qf}`,N=`w-full rounded-[5px] border border-[#2C2C30] bg-[#1C1C1F] px-3 py-2.5 text-[14.5px] leading-relaxed text-[#F6F4F0] [color-scheme:dark] placeholder:text-[#7C7A76] ${a.Qf}`,g=`h-4 w-4 flex-shrink-0 accent-[#E66E1A] ${a.Qf}`,f="inline-flex items-center rounded border border-[#2C2C30] px-2 py-1 text-[11px] font-semibold uppercase tracking-[0.08em] text-[#A2A09C]",v="max-w-md",$=`${v} mx-auto`,w="overflow-x-auto rounded-md border border-[#2C2C30]",A="whitespace-nowrap px-4 py-3 text-[10.5px] font-semibold uppercase tracking-[0.11em] text-[#A2A09C] sm:px-5",y="px-4 py-3.5 text-[14px] sm:px-5",F="mt-14 flex flex-col gap-3 border-t border-[#2C2C30] pt-14 sm:flex-row",k=`${a.Se} flex flex-col gap-3 sm:flex-row`,E="flex min-h-[60vh] items-center justify-center px-5 text-center",R="fixed inset-0 z-50 bg-black/70",q="fixed left-1/2 top-1/2 z-50 max-h-[90vh] w-[calc(100vw-2rem)] max-w-md -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-md border border-[#2C2C30] bg-[#131315] p-5 text-[#F6F4F0] shadow-xl sm:p-6",L="fixed left-1/2 top-1/2 z-50 max-h-[90vh] w-[calc(100vw-2rem)] max-w-2xl -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-md border border-[#2C2C30] bg-[#131315] p-5 text-[#F6F4F0] shadow-xl sm:p-6",M="text-[17px] font-extrabold tracking-[-0.02em]",z="font-semibold text-[#F6F4F0]"},47457(e,s,r){r.d(s,{LeaderboardPage:()=>N});var a=r(65043),t=r(63362),l=r(69772),d=r(12509),n=r(71300),o=r(94384),i=r(29100);const c=i.q.Households,x=[{board:i.q.Households,label:"Households"},{board:i.q.Adults,label:"Adults"},{board:i.q.Minors,label:"Minors"}];var m=r(90126),h=r(32396),p=r(70579);const b="border-b border-[#2C2C30] last:border-b-0 hover:bg-[#1C1C1F]",u=`${n.oA} font-extrabold tabular-nums`,j=`${n.oA} text-right font-semibold tabular-nums`,C=`${n.oA} py-10 text-center ${d.C}`,N=()=>{const e=(0,t.Zp)(),{hash:s}=(0,t.zy)(),r=(e=>{const s=e.startsWith("#")?e.slice(1):e;return Object.values(i.q).includes(s)?s:c})(s),[N,g]=(0,a.useState)(null),[f,v]=(0,a.useState)(!0),[$,w]=(0,a.useState)(null);return(0,a.useEffect)(()=>{const e=async()=>{try{const e=await m.M.getLeaderboardAsync();if(!Array.isArray(null===e||void 0===e?void 0:e.households)||!Array.isArray(null===e||void 0===e?void 0:e.adults)||!Array.isArray(null===e||void 0===e?void 0:e.minors))throw new Error("The boards could not be read just now.");g(e),w(null)}catch(e){w(e instanceof Error?e.message:"Failed to load leaderboard")}finally{v(!1)}};e();const s=setInterval(e,6e4);return()=>clearInterval(s)},[]),f?(0,p.jsx)("div",{className:n.wt,children:(0,p.jsx)("div",{className:n.EZ,children:(0,p.jsx)("p",{className:d.C,children:"Loading leaderboard\u2026"})})}):$?(0,p.jsx)("div",{className:n.wt,children:(0,p.jsxs)("div",{className:n.RY,children:[(0,p.jsxs)("div",{className:"mb-10",children:[(0,p.jsx)("h1",{className:n.F0,children:"Leaderboards"}),(0,p.jsx)("p",{className:n.ZM,children:"Updated every minute"})]}),(0,p.jsxs)("div",{className:`${n.Lz} py-12 text-center`,children:[(0,p.jsx)("p",{className:`mb-1 text-[15.5px] ${d.C}`,children:"Updating\u2026"}),(0,p.jsx)("p",{className:d.zk,children:"The boards appear here once the campaign is under way."}),(0,p.jsx)(l.$,{variant:"outline",onClick:()=>window.location.reload(),className:`${d.qv} mt-6`,children:"Try Again"})]})]})}):(0,p.jsx)("div",{className:n.wt,children:(0,p.jsxs)("div",{className:n.RY,children:[(0,p.jsxs)("div",{className:"mb-8",children:[(0,p.jsx)("h1",{className:n.F0,children:"Leaderboards"}),(0,p.jsx)("p",{className:n.ZM,children:"Updated every minute"})]}),(0,p.jsx)("nav",{"aria-label":"Leaderboards",className:"mb-6 flex gap-4 border-b border-[#2C2C30] sm:gap-6",children:x.map(e=>{return(0,p.jsx)(t.N_,{to:(a=e.board,`${o.a.Leaderboard}#${a}`),"aria-current":r===e.board?"page":void 0,className:(s=r===e.board,`-mb-px border-b-2 px-1 pb-3 text-[12px] font-semibold uppercase tracking-[0.09em] transition motion-reduce:transition-none ${d.Qf} ${s?"border-[#E66E1A] text-[#E66E1A]":"border-transparent text-[#A2A09C] hover:text-[#F6F4F0]"}`),children:e.label},e.board);var s,a})}),r===h.qA.Households&&N&&(0,p.jsx)("div",{className:n.pu,children:(0,p.jsxs)("table",{className:"w-full",children:[(0,p.jsx)("thead",{children:(0,p.jsxs)("tr",{className:"border-b border-[#2C2C30] bg-[#1C1C1F]",children:[(0,p.jsx)("th",{className:`${n.$0} text-left`,children:"Rank"}),(0,p.jsx)("th",{className:`${n.$0} text-left`,children:"Household"}),(0,p.jsx)("th",{className:`${n.$0} text-right`,children:"Adult Miles"}),(0,p.jsx)("th",{className:`${n.$0} text-right`,children:"Minor Rides"})]})}),(0,p.jsx)("tbody",{children:0===N.households.length?(0,p.jsx)("tr",{children:(0,p.jsx)("td",{colSpan:4,className:C,children:"No households riding yet"})}):N.households.map(e=>(0,p.jsxs)("tr",{className:b,children:[(0,p.jsxs)("td",{className:u,children:["#",e.rank]}),(0,p.jsx)("td",{className:n.oA,children:e.displayName}),(0,p.jsxs)("td",{className:j,children:[e.miles.toFixed(1)," mi"]}),(0,p.jsxs)("td",{className:`${j} font-normal ${d.C}`,children:[e.minorRideCount," ",1===e.minorRideCount?"ride":"rides"]})]},e.joinNumber))})]})}),r===h.qA.Adults&&N&&(0,p.jsx)("div",{className:n.pu,children:(0,p.jsxs)("table",{className:"w-full",children:[(0,p.jsx)("thead",{children:(0,p.jsxs)("tr",{className:"border-b border-[#2C2C30] bg-[#1C1C1F]",children:[(0,p.jsx)("th",{className:`${n.$0} text-left`,children:"Rank"}),(0,p.jsx)("th",{className:`${n.$0} text-left`,children:"Rider"}),(0,p.jsx)("th",{className:`${n.$0} text-right`,children:"Miles"})]})}),(0,p.jsx)("tbody",{children:0===N.adults.length?(0,p.jsx)("tr",{children:(0,p.jsx)("td",{colSpan:3,className:C,children:"No adults riding yet"})}):N.adults.map(e=>(0,p.jsxs)("tr",{className:b,children:[(0,p.jsxs)("td",{className:u,children:["#",e.rank]}),(0,p.jsx)("td",{className:n.oA,children:e.displayName}),(0,p.jsxs)("td",{className:j,children:[e.miles.toFixed(1)," mi"]})]},e.rank))})]})}),r===h.qA.Minors&&N&&(0,p.jsx)("div",{className:n.pu,children:(0,p.jsxs)("table",{className:"w-full",children:[(0,p.jsx)("thead",{children:(0,p.jsxs)("tr",{className:"border-b border-[#2C2C30] bg-[#1C1C1F]",children:[(0,p.jsx)("th",{className:`${n.$0} text-left`,children:"Rank"}),(0,p.jsx)("th",{className:`${n.$0} text-left`,children:"Rider"}),(0,p.jsx)("th",{className:`${n.$0} text-right`,children:"Rides"})]})}),(0,p.jsx)("tbody",{children:0===N.minors.length?(0,p.jsx)("tr",{children:(0,p.jsx)("td",{colSpan:3,className:C,children:"No minors riding yet"})}):N.minors.map(e=>(0,p.jsxs)("tr",{className:b,children:[(0,p.jsxs)("td",{className:u,children:["#",e.rank]}),(0,p.jsx)("td",{className:n.oA,children:e.displayName}),(0,p.jsxs)("td",{className:j,children:[e.rideCount," ",1===e.rideCount?"ride":"rides"]})]},e.rank))})]})}),(0,p.jsx)("p",{className:`mt-4 ${d.zk}`,children:"Every rider taking part appears here. Nobody outside the campaign can be inferred from the rankings."}),(0,p.jsx)("div",{className:n.mm,children:(0,p.jsx)(l.$,{onClick:()=>e(h.aO.Campaign),variant:"outline",className:`${d.qv} w-full sm:w-auto`,children:"Back to Campaign"})})]})})}}}]);
2//# sourceMappingURL=7457.527b84b0.chunk.js.map