From 674c75a1a1987ef8260c9a0cc48f8c500bdb4df4 Mon Sep 17 00:00:00 2001
From: Praba Ponnambalam <praba@codechilli.lk>
Date: Sat, 28 Sep 2024 19:54:09 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=88=20add=20extra=5Fgb=5Flink=5Fclicke?=
 =?UTF-8?q?d=20event?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/popup/popup.css | 14 +++++++-------
 src/popup/popup.js  |  8 +++++++-
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/popup/popup.css b/src/popup/popup.css
index 191c813..7b12a78 100644
--- a/src/popup/popup.css
+++ b/src/popup/popup.css
@@ -80,14 +80,9 @@ h1 sup {
 	color: #1b5e20;
 }
 
-.clickable-extra-gb {
-	text-decoration: underline;
-	cursor: pointer;
-}
-
 .status-normal-extra {
-	background-color: #4caf50;
-	color: white;
+	background-color: #0ca816;
+	color: #fff;
 }
 
 .status-throttled {
@@ -100,6 +95,11 @@ h1 sup {
 	color: #424242;
 }
 
+.clickable-extra-gb {
+	text-decoration: underline;
+	cursor: pointer;
+}
+
 main {
 	display: flex;
 	flex-direction: column;
diff --git a/src/popup/popup.js b/src/popup/popup.js
index b415485..625f6d9 100644
--- a/src/popup/popup.js
+++ b/src/popup/popup.js
@@ -286,7 +286,13 @@ const updateAccountInfo = (accountId, speedStatus, combinedData) => {
 				'.clickable-extra-gb'
 			);
 			clickableElement.addEventListener('click', () => {
-				navigateToExtraGBGroup(goToPage);
+				navigateToExtraGBGroup(
+					goToPage,
+					sendEvent('extra_gb_link_clicked', {
+						action: 'navigation',
+						group_name: 'Extra GB',
+					})
+				);
 			});
 		} else {
 			speedStatusElement.textContent = formattedStatus.text;