feat: SearchBar clear button support i18n

Signed-off-by: mario ma <mario.ma.node@gmail.com>

.changeset/warm-hornets-unite.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-search-react': patch
+---
+
+SearchBar clear button support i18n

plugins/search-react/report-alpha.api.md

@@ -101,6 +101,7 @@ export const searchReactTranslationRef: TranslationRef<
   {
     readonly 'searchBar.title': 'Search';
     readonly 'searchBar.placeholder': 'Search in {{org}}';
+    readonly 'searchBar.clearButtonTitle': 'Clear';
     readonly 'searchFilter.allOptionTitle': 'All';
     readonly 'searchPagination.limitLabel': 'Results per page:';
     readonly 'searchPagination.limitText': 'of {{num}}';

plugins/search-react/src/components/SearchBar/SearchBar.tsx

@@ -154,7 +154,7 @@ export const SearchBarBase = forwardRef((props: SearchBarBaseProps, ref) => {
   const clearButtonEndAdornment = (
     <InputAdornment position="end">
       <Button
-        aria-label="Clear"
+        aria-label={t('searchBar.clearButtonTitle')}
         size="small"
         onClick={handleClear}
         onKeyDown={event => {
@@ -164,7 +164,7 @@ export const SearchBarBase = forwardRef((props: SearchBarBaseProps, ref) => {
           }
         }}
       >
-        Clear
+        {t('searchBar.clearButtonTitle')}
       </Button>
     </InputAdornment>
   );

plugins/search-react/src/translation.ts

@@ -25,6 +25,7 @@ export const searchReactTranslationRef = createTranslationRef({
     searchBar: {
       title: 'Search',
       placeholder: 'Search in {{org}}',
+      clearButtonTitle: 'Clear',
     },
     searchFilter: {
       allOptionTitle: 'All',