From d9f43224096d915891221e4692c7f2eda8fb425a Mon Sep 17 00:00:00 2001
From: PJColombo <paulo.colombo@pm.me>
Date: Fri, 8 Nov 2024 14:03:29 +0100
Subject: [PATCH 1/2] fix(web): remove gitcoin banner

---
 .../src/components/AppLayout/AppLayout.tsx    |  4 --
 apps/web/src/components/GitcoinBanner.tsx     | 64 -------------------
 2 files changed, 68 deletions(-)
 delete mode 100644 apps/web/src/components/GitcoinBanner.tsx

diff --git a/apps/web/src/components/AppLayout/AppLayout.tsx b/apps/web/src/components/AppLayout/AppLayout.tsx
index c546a66ca..a9c64e51b 100644
--- a/apps/web/src/components/AppLayout/AppLayout.tsx
+++ b/apps/web/src/components/AppLayout/AppLayout.tsx
@@ -1,8 +1,6 @@
-import { useState } from "react";
 import cn from "classnames";
 
 import { useIsHomepage } from "~/hooks/useIsHomePage";
-import GitcoinBanner from "../GitcoinBanner";
 import { BottomBarLayout } from "./BottomBarLayout";
 import { TopBarLayout } from "./TopBarLayout";
 
@@ -13,11 +11,9 @@ interface LayoutProps {
 
 const AppLayout = ({ children }: LayoutProps) => {
   const isHomepage = useIsHomepage();
-  const [showBanner, setShowBanner] = useState(true);
 
   return (
     <div className="flex min-h-screen flex-col">
-      {showBanner && <GitcoinBanner onClose={() => setShowBanner(false)} />}
       <TopBarLayout />
       <main
         className={cn("container mx-auto grow", {
diff --git a/apps/web/src/components/GitcoinBanner.tsx b/apps/web/src/components/GitcoinBanner.tsx
deleted file mode 100644
index 69c78a126..000000000
--- a/apps/web/src/components/GitcoinBanner.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { XMarkIcon } from "@heroicons/react/20/solid";
-
-export default function GitcoinBanner({ onClose }: { onClose: () => void }) {
-  return (
-    <div className="relative isolate flex items-center gap-x-6 overflow-hidden bg-primary-100 px-6 py-2.5 dark:bg-slate-300 sm:px-3.5 sm:before:flex-1">
-      <div
-        className="absolute left-[max(-7rem,calc(50%-52rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl"
-        aria-hidden="true"
-      >
-        <div
-          className="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-primary-200 to-primary-600 opacity-30"
-          style={{
-            clipPath:
-              "polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)",
-          }}
-        />
-      </div>
-      <div
-        className="absolute left-[max(45rem,calc(50%+8rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl"
-        aria-hidden="true"
-      >
-        <div
-          className="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-primary-200 to-primary-600 opacity-30"
-          style={{
-            clipPath:
-              "polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)",
-          }}
-        />
-      </div>
-      <div className="flex flex-wrap items-center gap-x-4 gap-y-2">
-        <p className="text-sm leading-6 text-gray-900">
-          <strong className="font-semibold">
-            We’re live on Gitcoin Grants Round 22! 🎉
-          </strong>
-          <svg
-            viewBox="0 0 2 2"
-            className="mx-2 inline h-0.5 w-0.5 fill-current"
-            aria-hidden="true"
-          >
-            <circle cx={1} cy={1} r={1} />
-          </svg>
-          Help us in our mission to archive blobs, making them easier to
-          navigate and discover for everyone.
-        </p>
-        <a
-          href="https://explorer.gitcoin.co/#/round/42161/610/70"
-          className="flex-none rounded-full bg-gray-900 px-3.5 py-1 text-sm font-semibold text-white shadow-sm hover:bg-gray-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900"
-        >
-          Donate here
-        </a>
-      </div>
-      <div className="flex flex-1 justify-end">
-        <button
-          type="button"
-          className="-m-3 p-3 focus-visible:outline-offset-[-4px]"
-          onClick={() => onClose()}
-        >
-          <span className="sr-only">Dismiss</span>
-          <XMarkIcon className="h-5 w-5 text-gray-900" aria-hidden="true" />
-        </button>
-      </div>
-    </div>
-  );
-}

From de89c4bbb29b4da6d768aad19870958a90dd41d8 Mon Sep 17 00:00:00 2001
From: PJColombo <paulo.colombo@pm.me>
Date: Fri, 8 Nov 2024 14:03:40 +0100
Subject: [PATCH 2/2] chore: add changeset

---
 .changeset/bright-waves-explode.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/bright-waves-explode.md

diff --git a/.changeset/bright-waves-explode.md b/.changeset/bright-waves-explode.md
new file mode 100644
index 000000000..0307cb533
--- /dev/null
+++ b/.changeset/bright-waves-explode.md
@@ -0,0 +1,5 @@
+---
+"@blobscan/web": patch
+---
+
+Removed Gitcoin Round 22 banner