Merge pull request #12174 from jennyg0/add-banner

add banner to community events page [fixes #11838]

Author: corwintines

src/components/DevconGrantsBanner.tsx

@@ -0,0 +1,28 @@
+import Emoji from "react-emoji-render"
+import { Text } from "@chakra-ui/react"
+
+import DismissableBanner from "./Banners/DismissableBanner"
+import Link from "./Link"
+
+interface IProps {
+  pathname: string
+}
+
+const DevconGrantsBanner: React.FC<IProps> = ({ pathname }) => {
+  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="🌏🦄" />{" "}
+          Learn more{" "}
+          <Link to="https://esp.ethereum.foundation/devcon-grants">here.</Link>
+        </Text>
+      </DismissableBanner>
+    )
+  }
+
+  return null
+}
+
+export default DevconGrantsBanner

src/layouts/Static.tsx

@@ -7,6 +7,7 @@ import type { MdPageContent, StaticFrontmatter } from "@/lib/interfaces"
 import Breadcrumbs from "@/components/Breadcrumbs"
 import Callout from "@/components/Callout"
 import Contributors from "@/components/Contributors"
+import DevconGrantsBanner from "@/components/DevconGrantsBanner"
 import EnergyConsumptionChart from "@/components/EnergyConsumptionChart"
 import FeedbackCard from "@/components/FeedbackCard"
 import GlossaryDefinition from "@/components/Glossary/GlossaryDefinition"
@@ -91,12 +92,13 @@ export const StaticLayout = ({
   lastUpdatedDate,
   contentNotTranslated,
 }: StaticLayoutProps) => {
-  const { locale } = useRouter()
+  const { locale, asPath } = useRouter()
 
   const absoluteEditPath = getEditPath(slug)
 
   return (
     <Box w="full">
+      <DevconGrantsBanner pathname={asPath} />
       <Flex
         justifyContent="space-between"
         w="full"