From a252172a5e8bbbfea890db2757462798c06274ce Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Wed, 14 Feb 2024 14:14:24 -0800
Subject: [PATCH 1/2] fix: use internal Emoji component

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

diff --git a/src/components/DevconGrantsBanner.tsx b/src/components/DevconGrantsBanner.tsx
index 1fac033ff62..2b89ef8a2a9 100644
--- a/src/components/DevconGrantsBanner.tsx
+++ b/src/components/DevconGrantsBanner.tsx
@@ -1,7 +1,7 @@
-import Emoji from "react-emoji-render"
 import { Text } from "@chakra-ui/react"
 
 import DismissableBanner from "./Banners/DismissableBanner"
+import Emoji from "./Emoji"
 import Link from "./Link"
 
 interface IProps {
@@ -14,8 +14,8 @@ const DevconGrantsBanner: React.FC<IProps> = ({ pathname }) => {
       <DismissableBanner storageKey="devconGrants">
         <Text m={0}>
           The Road to Devcon Grants support Ethereum education initiatives in
-          and close to Southeast Asia <Emoji text="🌏🦄" />{" "}
-          Learn more{" "}
+          and close to Southeast Asia <Emoji text="🦄" />{" "}
+          <Emoji text="🌏" /> Learn more{" "}
           <Link to="https://esp.ethereum.foundation/devcon-grants">here.</Link>
         </Text>
       </DismissableBanner>

From 8120142e1a118b80b928180c371c3936ca3be658 Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Wed, 14 Feb 2024 14:15:53 -0800
Subject: [PATCH 2/2] refactor: update with current code conventions

---
 src/components/DevconGrantsBanner.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

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