From fb801f236aa6033793130afbaf74575e0bb9751e Mon Sep 17 00:00:00 2001
From: dave | d1onys1us <dave@taiko.xyz>
Date: Sun, 18 Dec 2022 22:45:21 -0500
Subject: [PATCH] feat(bridge-ui): add announcement for bridge ui testnet
 (#454)

---
 packages/bridge-ui/src/App.svelte               |  2 ++
 .../src/components/HeaderAnnouncement.svelte    | 17 +++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 packages/bridge-ui/src/components/HeaderAnnouncement.svelte

diff --git a/packages/bridge-ui/src/App.svelte b/packages/bridge-ui/src/App.svelte
index 46150a98d3..20a477aab5 100644
--- a/packages/bridge-ui/src/App.svelte
+++ b/packages/bridge-ui/src/App.svelte
@@ -31,6 +31,7 @@
   import { MessageStatus } from "./domain/message";
   import BridgeABI from "./constants/abi/Bridge";
   import { providers } from "./store/providers";
+  import HeaderAnnouncement from "./components/HeaderAnnouncement.svelte";
 
   const providerMap: Map<number, ethers.providers.JsonRpcProvider> = new Map<
     number,
@@ -148,6 +149,7 @@
 <QueryProvider>
   <div class="lg:container lg:mx-auto lg:px-64">
     <main>
+      <HeaderAnnouncement />
       <Navbar />
       <Router {routes} />
     </main>
diff --git a/packages/bridge-ui/src/components/HeaderAnnouncement.svelte b/packages/bridge-ui/src/components/HeaderAnnouncement.svelte
new file mode 100644
index 0000000000..9e1e1329ec
--- /dev/null
+++ b/packages/bridge-ui/src/components/HeaderAnnouncement.svelte
@@ -0,0 +1,17 @@
+<div class="relative bg-[#fc0fc0]">
+  <div class="mx-auto max-w-7xl py-3 px-3 sm:px-6 lg:px-8">
+    <div class="pr-16 sm:px-16 text-center">
+      <p class="font-medium text-white">
+        <span class="md:inline">Hello! At Taiko, we develop in open-source, so this URL, and others, are
+            publicly available. However, it is not ready to be used. We will make an
+            announcement when our public testnet is ready!</span>
+        <span class="block sm:ml-2 sm:inline-block">
+          <a href="https://twitter.com/taikoxyz" class="font-bold text-white underline">
+            Follow @taikoxyz on Twitter
+            <span aria-hidden="true"> &rarr;</span>
+          </a>
+        </span>
+      </p>
+    </div>
+  </div>
+</div>