Merge pull request #9757 from ethereum/fredriksvantes-patch-1

Adding bug bounty banner

Author: corwintines

src/components/Banners/BugBountyBanner.tsx

@@ -0,0 +1,19 @@
+// Libraries
+import React from "react"
+import { Center, Text } from "@chakra-ui/react"
+
+// Components
+import BannerNotification from "../BannerNotification"
+
+const BugBountyBanner: React.FC = () => (
+  <BannerNotification shouldShow={true}>
+    <Center>
+      <Text m={0} p={0}>
+        All Shapella-related bounties currently receive a 2x bonus multiplier
+        (up to 500,000 USD) until 5th of April 2023.
+      </Text>
+    </Center>
+  </BannerNotification>
+)
+
+export default BugBountyBanner

src/pages/bug-bounty.tsx

@@ -24,6 +24,7 @@ import ButtonLink from "../components/ButtonLink"
 import PageMetadata from "../components/PageMetadata"
 import ExpandableCard from "../components/ExpandableCard"
 import FeedbackCard from "../components/FeedbackCard"
+import BugBountyBanner from "../components/Banners/BugBountyBanner"
 import { getImage } from "../utils/image"
 
 import type { ChildOnlyProp, Context } from "../types"
@@ -444,6 +445,8 @@ const BugBountiesPage = ({
         title={t("page-upgrades-bug-bounty-meta-title")}
         description={t("page-upgrades-bug-bounty-meta-description")}
       />
+      {/* TODO: Remove April 6 */}
+      <BugBountyBanner />
       <Content>
         <HeroCard>
           <HeroContainer>