Open-Assistant/website/src/components/Dashboard/LeaderboardWidget.tsx

import { Card, CardBody, Link, Text } from "@chakra-ui/react";
import NextLink from "next/link";
import { LeaderboardTable } from "src/components/LeaderboardTable";
import { LeaderboardTimeFrame } from "src/types/Leaderboard";

export function LeaderboardWidget() {
  return (
    <main className="h-fit col-span-3">
      <div className="flex flex-col gap-4">
        <div className="flex items-end justify-between">
          <Text className="text-2xl font-bold">Top 5 Contributors Today</Text>
          <Link as={NextLink} href="/leaderboard" _hover={{ textDecoration: "none" }}>
            <Text color="blue.400" className="text-sm font-bold">
              View All -&gt;
            </Text>
          </Link>
        </div>
        <Card>
          <CardBody>
            <LeaderboardTable timeFrame={LeaderboardTimeFrame.day} limit={5} />
          </CardBody>
        </Card>
      </div>
    </main>
  );
}