Added version to the pop up header

4 files changed, 15 insertions, 1 deletions

diff --git a/manifest.json b/manifest.json
index 5ae275c..4fed51a 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "Zen Internet",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Inject custom css from my repository in real time",
   "browser_specific_settings": {
     "gecko": {
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}`;
+  }
 })();