Add NextJS's NextLink & add as prop

This commit is contained in:
klotske
2023-01-12 12:20:36 +03:00
parent bac70ce241
commit 12688d951b
@@ -1,4 +1,5 @@
import { Badge, Box, Image, Link, Stack, StackDivider, Text, useColorModeValue } from "@chakra-ui/react";
import NextLink from "next/link";
export function LeaderboardTable() {
const backgroundColor = useColorModeValue("white", "gray.700");
@@ -54,7 +55,7 @@ export function LeaderboardTable() {
<div className="flex flex-col gap-4">
<div className="flex items-end justify-between">
<Text className="text-2xl font-bold">Top 5 Contributors</Text>
<Link href="/leaderboard" _hover={{ textDecoration: "none" }}>
<Link as={NextLink} href="/leaderboard" _hover={{ textDecoration: "none" }}>
<Text color="blue.400" className="text-sm font-bold">
View All -&gt;
</Text>