From bc7b29534503260c4a399cbf85a03a23a4e6efb6 Mon Sep 17 00:00:00 2001
From: dave | d1onys1us <dave@taiko.xyz>
Date: Sun, 18 Dec 2022 22:35:52 -0500
Subject: [PATCH 1/2] feat(bridge-ui): add announcement for bridge ui testnet

---
 packages/bridge-ui/src/App.svelte             |  2 ++
 .../src/components/HeaderAnnouncement.svelte  | 23 +++++++++++++++++++
 2 files changed, 25 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 46150a98d3a..20a477aab5b 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 00000000000..5b4c31bef4a
--- /dev/null
+++ b/packages/bridge-ui/src/components/HeaderAnnouncement.svelte
@@ -0,0 +1,23 @@
+<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 sm:text-center">
+        <p class="font-medium text-white">
+            <span class="hidden 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">
+            </span>
+        </p>
+        </div>
+        <div class="absolute inset-y-0 right-0 flex items-start pt-1 pr-1 sm:items-start sm:pt-1 sm:pr-2">
+        <button type="button" class="flex rounded-md p-2 hover:bg-[#dc009b] focus:outline-none focus:ring-2 focus:ring-white">
+            <span class="sr-only">Dismiss</span>
+            <!-- Heroicon name: outline/x-mark -->
+            <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+        </button>
+        </div>
+    </div>
+</div>
+  
\ No newline at end of file

From edf08ac91e2ec3b2a7187fa38cdcdbc14abe27fa Mon Sep 17 00:00:00 2001
From: dave | d1onys1us <dave@taiko.xyz>
Date: Sun, 18 Dec 2022 22:43:09 -0500
Subject: [PATCH 2/2] feat(bridge-ui): add announcement for bridge ui testnet

---
 .../src/components/HeaderAnnouncement.svelte  | 34 ++++++++-----------
 1 file changed, 14 insertions(+), 20 deletions(-)

diff --git a/packages/bridge-ui/src/components/HeaderAnnouncement.svelte b/packages/bridge-ui/src/components/HeaderAnnouncement.svelte
index 5b4c31bef4a..9e1e1329ec5 100644
--- a/packages/bridge-ui/src/components/HeaderAnnouncement.svelte
+++ b/packages/bridge-ui/src/components/HeaderAnnouncement.svelte
@@ -1,23 +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 sm:text-center">
-        <p class="font-medium text-white">
-            <span class="hidden 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">
-            </span>
-        </p>
-        </div>
-        <div class="absolute inset-y-0 right-0 flex items-start pt-1 pr-1 sm:items-start sm:pt-1 sm:pr-2">
-        <button type="button" class="flex rounded-md p-2 hover:bg-[#dc009b] focus:outline-none focus:ring-2 focus:ring-white">
-            <span class="sr-only">Dismiss</span>
-            <!-- Heroicon name: outline/x-mark -->
-            <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
-            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
-            </svg>
-        </button>
-        </div>
+  <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>
-  
\ No newline at end of file