Turn the banner into a stand alone component

estuary · Oct 31, 2024 · e25e1c9 · e25e1c9
1 parent 5b371c0
commit e25e1c9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/src/components/Layout/ReleaseBanner/index.tsx b/src/components/Layout/ReleaseBanner/index.tsx
@@ -9,10 +9,9 @@ import {
 
 interface ReleaseBanner {
     theme: 'dark' | 'light';
-    href: string;
 }
 
-const ReleaseBanner = ({ theme = 'dark', href }) => {
+const ReleaseBanner = ({ theme = 'dark' }) => {
     return (
         <div
             className={clsx(
@@ -21,7 +20,7 @@ const ReleaseBanner = ({ theme = 'dark', href }) => {
             )}
         >
             <div>
-                <a href={href} target="_blank" rel="noreferrer">
+                <a href="/deployment-options" target="_blank" rel="noreferrer">
                     <span>A Step Ahead</span>
                     <p>
                         Explore Estuary&apos;s powerful compliance solutions

diff --git a/src/components/Layout/index.tsx b/src/components/Layout/index.tsx
@@ -25,9 +25,7 @@ const Layout = ({
             </React.Suspense>
             <Header fixedHeader={fixedHeader} />
             <main className={clsx(fixedHeader && globalMainFixedHeader)}>
-                {showReleaseBanner ? (
-                    <ReleaseBanner href="/deployment-options" />
-                ) : null}
+                {showReleaseBanner ? <ReleaseBanner /> : null}
                 {children}
             </main>
             <Footer />