From 4552e2d56a338544dad4e700700aada0abd86f41 Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Fri, 16 Dec 2022 12:05:59 -0500
Subject: [PATCH] Do not use `a` element to access dashboard

Related issue:
- https://github.com/uBlockOrigin/uBOL-issues/issues/13
---
 platform/mv3/extension/js/popup.js | 10 +++++++++-
 platform/mv3/extension/popup.html  |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/platform/mv3/extension/js/popup.js b/platform/mv3/extension/js/popup.js
index 9d289792a..b9f051db6 100644
--- a/platform/mv3/extension/js/popup.js
+++ b/platform/mv3/extension/js/popup.js
@@ -25,7 +25,7 @@
 
 /******************************************************************************/
 
-import { browser, sendMessage } from './ext.js';
+import { browser, runtime, sendMessage } from './ext.js';
 import { dom, qs$ } from './dom.js';
 import { i18n$ } from './i18n.js';
 import { simpleStorage } from './storage.js';
@@ -259,6 +259,14 @@ dom.on('#lessButton', 'click', ( ) => {
 
 /******************************************************************************/
 
+dom.on('[data-i18n-title="popupTipDashboard"]', 'click', ev => {
+    if ( ev.isTrusted !== true ) { return; }
+    if ( ev.button !== 0 ) { return; }
+    runtime.openOptionsPage();
+});
+
+/******************************************************************************/
+
 async function init() {
     const [ tab ] = await browser.tabs.query({
         active: true,
diff --git a/platform/mv3/extension/popup.html b/platform/mv3/extension/popup.html
index 77937a74d..cd8ad48b7 100644
--- a/platform/mv3/extension/popup.html
+++ b/platform/mv3/extension/popup.html
@@ -30,7 +30,7 @@
         <span></span>
         <span></span>
         <span></span>
-        <a href="dashboard.html" class="fa-icon tool enabled" target="uBODashboard" tabindex="0" data-i18n-title="popupTipDashboard">cogs<span class="caption" data-i18n="popupTipDashboard"></span></a>
+        <span class="fa-icon tool enabled" tabindex="0" data-i18n-title="popupTipDashboard">cogs<span class="caption" data-i18n="popupTipDashboard"></span></span>
     </div>
     <!-- -------- -->
     <div id="rulesetStats" data-section="a">