feat: update translate icon

Author: xiaoyu2er

apps/tampermonkey/dist/script.iife.js

@@ -162,7 +162,7 @@
     position: relative;
   `;
     button.title = "View this page in other languages";
-    button.textContent = "🌐";
+    button.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--geist-foreground)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide size-5"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>`;
     button.addEventListener("mouseenter", () => {
       button.style.backgroundColor = "#f1f3f4";
       button.style.transform = "scale(1.1)";
@@ -242,6 +242,7 @@
         option.style.backgroundColor = "transparent";
       });
       option.addEventListener("click", () => {
+        hideDropdown();
         try {
           const currentPath = window.location.pathname;
           const targetUrl = new URL(currentPath, locale.url).href;

apps/tampermonkey/src/main.ts

@@ -54,7 +54,7 @@ function createTranslationDropdown() {
     position: relative;
   `;
   button.title = 'View this page in other languages';
-  button.textContent = '🌐';
+  button.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--geist-foreground)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide size-5"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>`;
 
   // Add hover effects
   button.addEventListener('mouseenter', () => {
@@ -157,6 +157,9 @@ function createTranslationDropdown() {
     });
 
     option.addEventListener('click', () => {
+      // Close the dropdown immediately when a locale is clicked
+      hideDropdown();
+
       try {
         const currentPath = window.location.pathname;
         const targetUrl = new URL(currentPath, locale.url).href;