From 1213ac7a1f5f4f50f742aadebf970e37c186a234 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Tue, 29 Sep 2026 15:07:41 -0700
Subject: Add a dismissable banner pointing to v3.coinos.io

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/V3Banner.svelte | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/components/V3Banner.svelte

(limited to 'src/components')

diff --git a/src/components/V3Banner.svelte b/src/components/V3Banner.svelte
new file mode 100644
index 00000000..bdc2c4e5
--- /dev/null
+++ b/src/components/V3Banner.svelte
@@ -0,0 +1,35 @@
+<script>
+  import { onMount } from "svelte";
+  import { t } from "$lib/translations";
+
+  const key = "v3BannerDismissed";
+  let show = $state(false);
+
+  onMount(() => {
+    try {
+      show = !localStorage.getItem(key);
+    } catch (e) {
+      show = true;
+    }
+  });
+
+  let dismiss = () => {
+    show = false;
+    try {
+      localStorage.setItem(key, "1");
+    } catch (e) {}
+  };
+</script>
+
+{#if show}
+  <div
+    class="flex items-center justify-center gap-2 bg-accent text-accent-content px-4 py-2 text-sm"
+  >
+    <a href="https://v3.coinos.io" class="flex-1 text-center font-semibold">
+      {$t("v3Banner")}
+    </a>
+    <button onclick={dismiss} class="flex" aria-label={$t("dismiss")}>
+      <iconify-icon noobserver icon="ph:x-bold" width="20"></iconify-icon>
+    </button>
+  </div>
+{/if}
-- 
cgit v1.2.3