prehistoric-systems/Gitako
1
1
Fork 0
mirror of https://github.com/EnixCoda/Gitako.git synced 2026-03-11 08:54:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

chore: update search mode button description

Browse source
This commit is contained in:
EnixCoda 2021-12-25 12:38:17 +08:00
parent 62d0187ac3
commit 54c002822d
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/SearchBar.tsx
View file

@ -15,6 +15,12 @@ export function SearchBar({ onSearch, onFocus, value }: Props) {
const configs = useConfigs()
const { searchMode } = configs.value
const toggleButtonDescription = `${
searchMode === 'regex'
? 'Match file name with regular expression.'
: 'Match file path sequence with input.'
} Click to toggle.`
return (
<div className={'search-input-wrapper'}>
<TextInput
@ -36,7 +42,7 @@ export function SearchBar({ onSearch, onFocus, value }: Props) {
<div className={`actions`}>
<button
className={`toggle-search-mode`}
title="Toggle search mode"
title={toggleButtonDescription}
onClick={() => {
const newMode = searchMode === 'regex' ? 'fuzzy' : 'regex'
configs.onChange({
@ -44,7 +50,7 @@ export function SearchBar({ onSearch, onFocus, value }: Props) {
})
onSearch(value, newMode)
}}
aria-label="Toggle search mode"
aria-label={toggleButtonDescription}
>
{searchMode === 'regex' ? '.*' : 'path'}
</button>