From c2801088112ee33735317ef6d3fa777d4f315f17 Mon Sep 17 00:00:00 2001
From: saurabhburade <sburade3@gmail.com>
Date: Tue, 1 Oct 2024 11:14:54 +0530
Subject: [PATCH] feat: migrate DevconGrantsBanner to tailwind

---
 src/components/DevconGrantsBanner.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/DevconGrantsBanner.tsx b/src/components/DevconGrantsBanner.tsx
index 8548eb55a87..b9c8be6e3ff 100644
--- a/src/components/DevconGrantsBanner.tsx
+++ b/src/components/DevconGrantsBanner.tsx
@@ -1,8 +1,7 @@
-import { Text } from "@chakra-ui/react"
-
 import DismissableBanner from "@/components/Banners/DismissableBanner"
 import Emoji from "@/components/Emoji"
-import Link from "@/components/Link"
+
+import { BaseLink } from "./ui/Link"
 
 type DevconGrantsBannerProps = {
   pathname: string
@@ -12,14 +11,14 @@ const DevconGrantsBanner = ({ pathname }: DevconGrantsBannerProps) => {
   if (pathname.includes("community") && pathname.includes("events")) {
     return (
       <DismissableBanner storageKey="devconGrants">
-        <Text m={0}>
+        <p>
           The Road to Devcon Grants support Ethereum education initiatives in
           and close to Southeast Asia <Emoji text="🦄" /> <Emoji text="🌏" />{" "}
           Learn more{" "}
-          <Link href="https://esp.ethereum.foundation/devcon-grants">
+          <BaseLink href="https://esp.ethereum.foundation/devcon-grants">
             here.
-          </Link>
-        </Text>
+          </BaseLink>
+        </p>
       </DismissableBanner>
     )
   }