From a17bf8f7bfc85069b0b788925769167401a8408d Mon Sep 17 00:00:00 2001
From: Riley Grant <grantrileyh@gmail.com>
Date: Mon, 30 Oct 2023 15:03:43 -0500
Subject: [PATCH] Add v4 launch banner

---
 browser/src/App.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/browser/src/App.tsx b/browser/src/App.tsx
index d81bc9193..e172c0105 100644
--- a/browser/src/App.tsx
+++ b/browser/src/App.tsx
@@ -3,6 +3,8 @@ import { hot } from 'react-hot-loader/root'
 import { BrowserRouter as Router, Route, useLocation } from 'react-router-dom'
 import styled from 'styled-components'
 
+import { ExternalLink } from '@gnomad/ui'
+
 import Delayed from './Delayed'
 import ErrorBoundary from './ErrorBoundary'
 
@@ -65,11 +67,20 @@ const Banner = styled.div`
   text-align: center;
 
   a {
-    color: #fff !important;
+    color: #8ac8f4 !important;
+    text-decoration: underline;
   }
 `
 
-const BANNER_CONTENT = null
+const BANNER_CONTENT = (
+  <>
+    gnomAD v4 is here! Read our {/* @ts-expect-error */}
+    <ExternalLink href="https://gnomad.broadinstitute.org/news/2023-11-gnomad-v4-0">
+      blog post
+    </ExternalLink>{' '}
+    for more details
+  </>
+)
 
 const App = () => {
   const [isLoading, setIsLoading] = useState(true)