From e3b7b6b485dd94a4b9308d69944320069d69740e Mon Sep 17 00:00:00 2001
From: sameerasw <sameera.whoami@gmail.com>
Date: Wed, 26 Feb 2025 20:22:22 +0530
Subject: Added version to the pop up header

---
 popup/popup.css  | 4 ++++
 popup/popup.html | 1 +
 popup/popup.js   | 9 +++++++++
 3 files changed, 14 insertions(+)

(limited to 'popup')

diff --git a/popup/popup.css b/popup/popup.css
index edeb94b..113713e 100644
--- a/popup/popup.css
+++ b/popup/popup.css
@@ -402,4 +402,8 @@ input:checked + .slider:before {
 .current-badge {
   margin-left: auto;
   margin-right: 4px;
+}
+
+#addon-version{
+  font-size: 0.75em;
 }
\ No newline at end of file
diff --git a/popup/popup.html b/popup/popup.html
index 735babb..cca3def 100644
--- a/popup/popup.html
+++ b/popup/popup.html
@@ -16,6 +16,7 @@
         <h1 class="app-title">ZenInternet</h1>
       </div>
       <div class="author">by <a href="https://www.sameerasw.com/" target="_blank">@sameerasw</a></div>
+      <div id="addon-version" class="addon-version"></div>
     </header>
 
     <main class="app-content">
diff --git a/popup/popup.js b/popup/popup.js
index aa0d556..86eda9c 100644
--- a/popup/popup.js
+++ b/popup/popup.js
@@ -23,6 +23,7 @@ new (class ExtensionPopup {
     });
 
     this.setupContentScriptInjection();
+    this.displayAddonVersion();
   }
 
   async getCurrentTabInfo() {
@@ -285,4 +286,12 @@ new (class ExtensionPopup {
   shouldApplyCSS(hostname) {
     return this.browserStorageSettings.enableStyling !== false;
   }
+
+  async displayAddonVersion() {
+    const manifest = browser.runtime.getManifest();
+    const version = manifest.version;
+    document.getElementById(
+      "addon-version"
+    ).textContent = `Version: ${version}`;
+  }
 })();
-- 
cgit v1.2.3