From 877a5933b15680c75e3cfa8e521e869bcf1bc9c0 Mon Sep 17 00:00:00 2001
From: Martin Varmuza <mvarmuza@gmail.com>
Date: Mon, 20 Nov 2023 11:14:24 +0100
Subject: [PATCH] chore: add deprecation message to UI

---
 package.json        | 2 +-
 src/html/popup.html | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 59acdc2b7..9a02d1e56 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
     "version": "8.2.12",
     "author": "Trezor <info@trezor.io>",
     "homepage": "https://github.com/trezor/connect",
-    "description": "High-level javascript interface for Trezor hardware wallet.",
+    "description": "This package is deprecated. Use https://www.npmjs.com/package/@trezor/connect",
     "license": "SEE LICENSE IN LICENSE.md",
     "private": true,
     "repository": {
diff --git a/src/html/popup.html b/src/html/popup.html
index 1f61acf16..dd15f1b05 100644
--- a/src/html/popup.html
+++ b/src/html/popup.html
@@ -43,7 +43,10 @@ <h2 class="operation"></h2>
                 </div>
             </div>
         </aside>
-        <section id="container">
+        <div style="display: flex; flex-direction: column; width: 100%; align-items: center;">
+        <div id="banner" style="color: black; background-color: #D99E00F2; width: 100%; text-align: center; font-weight: 500; font-size: 14px; line-height: 22px; padding: 4px;">Connect v8 is deprecated and will stop working at the start of 2024. Please contact the developers of the application and ask for an update to Connect v9.</div>
+
+        <section id="container" style="flex:1">
             <div class="loader">
                 <p>Loading...</p>
                 <svg class="circular" viewBox="25 25 50 50" preserveAspectRatio="xMidYMid">
@@ -52,11 +55,12 @@ <h2 class="operation"></h2>
                 </svg>
             </div>
         </section>
+        </div>
+
     </main>
 
     <!-- Views -->
     <div id="views" style="display: none;">
-
         <div class="unknown">
             <h3>Unknown view</h3>
             <p>view_name</p>