From f56089eb9b4761f1fd930c02328cc3d001782105 Mon Sep 17 00:00:00 2001
From: Suja16 <sujal16@somaiya.edu>
Date: Sat, 7 Dec 2024 18:41:48 +0530
Subject: [PATCH] leaderboard link done

---
 packages/nextjs/app/leaderboard/page.tsx |  3 ++-
 packages/nextjs/app/page.tsx             | 17 +++--------------
 2 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/packages/nextjs/app/leaderboard/page.tsx b/packages/nextjs/app/leaderboard/page.tsx
index 722f21f..9a55458 100644
--- a/packages/nextjs/app/leaderboard/page.tsx
+++ b/packages/nextjs/app/leaderboard/page.tsx
@@ -5,6 +5,7 @@ import { LEADERBOARD } from "./queries";
 import { useQuery } from "@apollo/client";
 import { motion } from "framer-motion";
 import { formatEther } from "viem";
+import { Address } from "~~/components/scaffold-eth";
 
 interface UserStake {
   id: string;
@@ -105,7 +106,7 @@ export default function Leaderboard() {
                       <span className="font-bold">{entry.rank}</span>
                     </div>
                     <span className="text-gray-300 font-mono">
-                      {entry.address.slice(0, 6)}...{entry.address.slice(-4)}
+                      <Address address={entry.address} format="short" />
                     </span>
                   </div>
                   <span className={`font-bold ${entry.rank === 1 ? "text-neon-green" : "text-gray-300"}`}>
diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
index 2105509..b0992dd 100644
--- a/packages/nextjs/app/page.tsx
+++ b/packages/nextjs/app/page.tsx
@@ -6,10 +6,10 @@ import { useAccount } from "wagmi";
 import { BugAntIcon, MagnifyingGlassIcon } from "@heroicons/react/24/outline";
 import { StakingABI } from "~~/abis/StakingABI";
 import StakeButton from "~~/components/StakeButton";
+import StakeCard from "~~/components/StakeCard";
 import StatsComponent from "~~/components/StatsComponent";
 import StepComponent from "~~/components/StepComponent";
 import { Address } from "~~/components/scaffold-eth";
-import StakeCard from "~~/components/StakeCard";
 
 const Home: NextPage = () => {
   const { address: connectedAddress } = useAccount();
@@ -44,24 +44,13 @@ const Home: NextPage = () => {
             <StepComponent currentSteps={2000} totalSteps={6000} />
           </div>
 
-
           {/* Stake Card with CTA Arrow */}
           <div className="relative">
             <div className="absolute -top-12 right-10 animate-bounce">
               <div className="flex items-center text-neon-green">
                 <span className="mr-2 font-bold">Stake Now!</span>
-                <svg
-                  className="w-6 h-6 transform rotate-90"
-                  fill="none"
-                  stroke="currentColor"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={2}
-                    d="M19 14l-7 7m0 0l-7-7m7 7V3"
-                  />
+                <svg className="w-6 h-6 transform rotate-90" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 14l-7 7m0 0l-7-7m7 7V3" />
                 </svg>
               </div>
             </div>