From ba7e4c979d0c4218546d91eaff3306951e35113e Mon Sep 17 00:00:00 2001
From: cj-do-gta-sander <brepacks@proton.me>
Date: Thu, 24 Oct 2024 11:06:03 -0300
Subject: [PATCH] feat: add tooltip and screen reader support to clear search
 button

---
 src/locales/en/translation.json               | 3 ++-
 src/locales/pt-BR/translation.json            | 3 ++-
 src/renderer/src/components/header/header.tsx | 2 ++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
index f7330953..830061df 100644
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -37,7 +37,8 @@
     "settings": "Settings",
     "version_available_install": "Version {{version}} available. Click here to restart and install.",
     "version_available_download": "Version {{version}} available. Click here to download.",
-    "back": "Back"
+    "back": "Back",
+    "clear_search": "Clear search"
   },
   "bottom_panel": {
     "no_downloads_in_progress": "No downloads in progress",
diff --git a/src/locales/pt-BR/translation.json b/src/locales/pt-BR/translation.json
index 4c78c3b6..fd848745 100644
--- a/src/locales/pt-BR/translation.json
+++ b/src/locales/pt-BR/translation.json
@@ -37,7 +37,8 @@
     "home": "Início",
     "version_available_install": "Versão {{version}} disponível. Clique aqui para reiniciar e instalar.",
     "version_available_download": "Versão {{version}} disponível. Clique aqui para fazer o download.",
-    "back": "Voltar"
+    "back": "Voltar",
+    "clear_search": "Limpar busca"
   },
   "bottom_panel": {
     "no_downloads_in_progress": "Sem downloads em andamento",
diff --git a/src/renderer/src/components/header/header.tsx b/src/renderer/src/components/header/header.tsx
index a628750c..9624e8b7 100644
--- a/src/renderer/src/components/header/header.tsx
+++ b/src/renderer/src/components/header/header.tsx
@@ -102,6 +102,7 @@ export function Header({ onSearch, onClear, search }: HeaderProps) {
               className={styles.actionButton}
               onClick={focusInput}
               tabIndex={-1}
+              title={t("search")}
             >
               <SearchIcon />
             </button>
@@ -123,6 +124,7 @@ export function Header({ onSearch, onClear, search }: HeaderProps) {
                 type="button"
                 onClick={onClear}
                 className={styles.actionButton}
+                title={t("clear_search")}
               >
                 <XIcon />
               </button>