3.0.2

checkers-app/package.json

@@ -6,15 +6,15 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "build:uat": "vite build --mode uat",
+    "build:uat": "tsc && vite build --mode uat",
     "build:watch": "vite build --mode dev --watch",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
   "dependencies": {
     "@firebase/storage": "^0.12.0",
     "@heroicons/react": "^2.0.18",
-    "@material-tailwind/react": "^2.1.4",
+    "@material-tailwind/react": "^2.1.9",
     "@tanstack/react-query": "^5.20.1",
     "@tanstack/react-query-devtools": "^5.20.1",
     "apexcharts": "^3.44.0",

checkers-app/src/App.tsx

@@ -6,6 +6,7 @@ import {
   DashboardPage,
   ViewVotePage,
   MyVotesPage,
+  LeaderboardPage,
 } from "./pages";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
 import { useUser } from "./providers/UserContext";
@@ -16,6 +17,7 @@ export const router = createBrowserRouter([
   { path: "/", element: <DashboardPage /> },
   { path: "/votes", element: <MyVotesPage /> },
   { path: "/achievements", element: <AchievementPage /> },
+  { path: "/leaderboard", element: <LeaderboardPage /> },
   {
     path: "/messages/:messageId/voteRequests/:voteRequestId",
     element: <ViewVotePage />,

checkers-app/src/components/common/BotNavBar.tsx

@@ -45,7 +45,7 @@ export default function NavbarDefault() {
           variant="text"
           className="rounded-full"
           onClick={() => {
-            navigate("/achievements");
+            navigate("/leaderboard");
           }}
           ripple
         >

checkers-app/src/components/common/ToolTip.tsx

@@ -0,0 +1,42 @@
+import { Tooltip, Typography } from "@material-tailwind/react";
+
+interface TooltipProps {
+  header: string;
+  text: string;
+}
+
+export function TooltipWithHelperIcon({ header, text }: TooltipProps) {
+  return (
+    <Tooltip
+      content={
+        <div className="w-80">
+          <Typography color="white" className="font-medium">
+            {header}
+          </Typography>
+          <Typography
+            variant="small"
+            color="white"
+            className="font-normal opacity-80"
+          >
+            {text}
+          </Typography>
+        </div>
+      }
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+        strokeWidth={2}
+        className="h-5 w-5 cursor-pointer text-blue-gray-500"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"
+        />
+      </svg>
+    </Tooltip>
+  );
+}

checkers-app/src/components/leaderboard/index.tsx

@@ -0,0 +1,13 @@
+import { Typography } from "@material-tailwind/react";
+import { LeaderboardTable } from "./table";
+
+export default function Leaderboard() {
+  return (
+    <div className="left-right-padding">
+      <Typography color="blue-gray" className="font-normal">
+        Refreshes every month
+      </Typography>
+      <LeaderboardTable />
+    </div>
+  );
+}