feat: add tooltip and screen reader support to clear search button

This commit is contained in:
cj-do-gta-sander 2024-10-24 11:06:03 -03:00
parent a54983c339
commit ba7e4c979d
3 changed files with 6 additions and 2 deletions

View File

@ -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",

View File

@ -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",

View File

@ -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>