From 54c002822d0f2ec5b236557d0d8c18051c1f2e54 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Sat, 25 Dec 2021 12:38:17 +0800
Subject: [PATCH] chore: update search mode button description

---
 src/components/SearchBar.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
index 9f21e50..f3d435c 100644
--- a/src/components/SearchBar.tsx
+++ b/src/components/SearchBar.tsx
@@ -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>