fix: header search label change (#212)

* fix: header search label change

* fix: saved button selected state

Author: PahaN47

src/components/FeedHeader/components/Controls/Controls.tsx

@@ -203,6 +203,7 @@ export const Controls = ({
                             className={b('saved-only-button', {savedOnly})}
                             size="xl"
                             onClick={handleSavedOnly}
+                            selected={savedOnly}
                         >
                             <Icon data={Save} size={ICON_SIZE} className={b('icon', {savedOnly})} />
                             {i18n(Keyset.ActionSavedOnly)}

src/components/Search/Search.tsx

@@ -74,14 +74,16 @@ export const Search = ({
                 handleChange.cancel();
                 setValue('');
                 onSubmit('');
+                inputRef.current?.focus();
             }
         };
 
         return (
             <button
                 className={b('input-icon')}
                 onClick={handleClick}
-                aria-label={i18n(Keyset.SearchAction)}
+                aria-label={value ? i18n(Keyset.ClearAction) : undefined}
+                aria-hidden={!value}
             >
                 <Icon size={iconSize} data={iconData} />
             </button>

src/i18n/index.ts

@@ -23,7 +23,7 @@ export enum Keyset {
     PromptSignInOnLike = 'prompt_sign_in_on_like',
     SignIn = 'Sign In',
     Save = 'save',
-    SearchAction = 'search_action',
+    ClearAction = 'clear_action',
 }
 
 const en = {
@@ -51,7 +51,7 @@ const en = {
     ],
     [Keyset.SignIn]: 'Sign In',
     [Keyset.Save]: 'Save',
-    [Keyset.SearchAction]: 'Find',
+    [Keyset.ClearAction]: 'Clear',
 };
 
 const ru = {
@@ -80,7 +80,7 @@ const ru = {
     ],
     [Keyset.SignIn]: 'Войти',
     [Keyset.Save]: 'Сохранить',
-    [Keyset.SearchAction]: 'Найти',
+    [Keyset.ClearAction]: 'Очистить',
 };
 
 export const i18n = addComponentKeysets({en, ru}, NAMESPACE);