From ff0d5eb74a39b36ee766e4bafe0d8d0c39786acb Mon Sep 17 00:00:00 2001
From: Lucie Bader <167515375+Lucie-Bdr@users.noreply.github.com>
Date: Sat, 15 Feb 2025 11:30:09 +0100
Subject: [PATCH] Tooltip boutons de connexion

---
 src/context_menu/custom_context_menu.js | 4 ++++
 src/popup/popup.js                      | 9 ++++++++-
 src/sidebar/sidebar.js                  | 4 ++++
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/context_menu/custom_context_menu.js b/src/context_menu/custom_context_menu.js
index ae90611..37dd04d 100644
--- a/src/context_menu/custom_context_menu.js
+++ b/src/context_menu/custom_context_menu.js
@@ -86,6 +86,10 @@ function setupWhiteBoxActions() {
   const getDefinitionBtn = document.getElementById("getDefinitionButton");
   const loginBtn = document.getElementById("loginButton");
 
+  // Tooltips
+  if (loginBtn) {
+    loginBtn.title = "En vous connectant, vous pourrez accéder à vos lexiques personnels ainsi qu'aux fonctionnalités d'ajout automatique et de statistiques d'utilisation.";
+  }
   // Bouton : Ajouter le mot au lexique
   addLexiconBtn.onclick = async (e) => {
     e.stopPropagation();
diff --git a/src/popup/popup.js b/src/popup/popup.js
index e355702..a87ac94 100644
--- a/src/popup/popup.js
+++ b/src/popup/popup.js
@@ -6,7 +6,13 @@ async function updateConnectionButton() {
   const button = document.getElementById("auth-button");
 
   if (button) {
-    button.textContent = accessToken ? "Se déconnecter" : "Se connecter";
+    if (accessToken) {
+      button.textContent = "Se déconnecter";
+      button.title = "En vous déconnectant, vous perdrez l'accès à vos lexiques personnels, ainsi que les fonctionnalités d'ajout automatique et de statistiques d'utilisation.";
+    } else {
+      button.textContent = "Se connecter";
+      button.title = "En vous connectant, vous pourrez accéder à vos lexiques personnels, ainsi qu'aux fonctionnalités d'ajout automatique et de statistiques d'utilisation.";
+    }
     button.onclick = async () => {
       await browser.runtime.sendMessage({ action: "toggleAuth" });
     };
@@ -15,6 +21,7 @@ async function updateConnectionButton() {
   }
 }
 
+
 // === 2. Mise à jour dynamique de la sélection des langues ===
 async function updateLanguageSelection() {
   const languageSelection = document.getElementById("language-selection");
diff --git a/src/sidebar/sidebar.js b/src/sidebar/sidebar.js
index 1da38e8..41c7e6d 100644
--- a/src/sidebar/sidebar.js
+++ b/src/sidebar/sidebar.js
@@ -37,6 +37,9 @@ function updateAuthButton(isLoggedIn) {
   const authButton = document.getElementById("auth-button");
   if (authButton) {
     authButton.textContent = isLoggedIn ? "Se déconnecter" : "Se connecter";
+    authButton.title = isLoggedIn
+      ? "En vous déconnectant, vous perdrez l'accès à vos lexiques personnels ainsi qu'aux fonctionnalités d'ajout automatique et de statistiques d'utilisation."
+      : "En vous connectant, vous pourrez accéder à vos lexiques personnels ainsi qu'aux fonctionnalités d'ajout automatique et de statistiques d'utilisation.";
     console.log("🔄 Bouton d'authentification mis à jour :", authButton.textContent);
   } else {
     console.warn("⚠️ Bouton d'authentification (#auth-button) introuvable.");
@@ -44,6 +47,7 @@ function updateAuthButton(isLoggedIn) {
 }
 
 
+
 function toggleElementsVisibility(isLoggedIn) {
   const elementsToShowOrHide = [
     { id: "add-to-lexiques", shouldShow: isLoggedIn },
-- 
GitLab