50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T17da,"use client"; import * as React from "react"; import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { cn } from "@/lib/utils"; import { Button } from "@/components/ui/button"; import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Minus, Trophy } from "lucide-react"; import {Badge} from "@/components/ui/badge"; export type LeaderboardEntry = { id: string; name: string; avatar?: string; score: number; rank: number; rankColor?: string; rankNode?: React.ReactNode; isCurrentUser?: boolean; className?: string; trend?: number; trendClassName?: string; }; export interface LeaderboardProps extends React.ComponentProps { title?: string; description?: string; entries: LeaderboardEntry[]; limit?: number; pageSize?: number; paginate?: boolean; } export function Leaderboard({ title = "Leaderboard", description, entries, limit, pageSize = 5, paginate = false, className, ...props }: LeaderboardProps) { const [currentPage, setCurrentPage] = React.useState(1); const totalEntries = limit ? entries.slice(0, limit) : entries; const totalPages = Math.ceil(totalEntries.length / pageSize); const displayEntries = paginate ? totalEntries.slice((currentPage - 1) * pageSize, currentPage * pageSize) : totalEntries.slice(0, limit || 5); const getInitials = (name: string) => { return name .split(" ") .map((n) => n[0]) .join("") .toUpperCase(); }; const defaultRankColors: Record = { 1: "text-yellow-500", 2: "text-gray-400", 3: "text-amber-600", }; return ( {title} {description && {description}}

{displayEntries.map((entry) => (

{entry.rankNode || (entry.rank <= 3 ? ( ) : ( entry.rank ))}

{getInitials(entry.name)}

{entry.name} {entry.isCurrentUser && ( (You) )}

{entry.trend !== undefined && ( {entry.trend > 0 && ( )} {entry.trend < 0 && ( )} {entry.trend === 0 && ( )} {entry.trend !== 0 && ( 0 && "text-emerald-600 dark:text-emerald-400", entry.trend < 0 && "text-red-600 dark:text-red-400" )} > {Math.abs(entry.trend)} )} )}

{entry.score.toLocaleString()}

))}

{paginate && totalPages > 1 && (

Page {currentPage} of {totalPages}

)} ); } export default Leaderboard; 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L50",null,{"namespace":"@gamifykit","registryDependencies":["card","avatar","badge","button"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/new-york/components/leaderboard.tsx","content":"$52","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]