From cba74e9f9dd2c0717f1f11f852482778d340495c Mon Sep 17 00:00:00 2001
From: Carlos Esteban Lopez <lcarlosesteb@vmware.com>
Date: Thu, 16 Mar 2023 22:54:21 -0500
Subject: [PATCH] fix(search): Remove unused bar class & swap clear icon for
 clear text in search bar

Signed-off-by: Carlos Esteban Lopez <lcarlosesteb@vmware.com>
---
 packages/app/src/components/search/SearchPage.tsx         | 3 ---
 .../search-react/src/components/SearchBar/SearchBar.tsx   | 8 ++++----
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/packages/app/src/components/search/SearchPage.tsx b/packages/app/src/components/search/SearchPage.tsx
index 1aa15446c2..ecae90a06a 100644
--- a/packages/app/src/components/search/SearchPage.tsx
+++ b/packages/app/src/components/search/SearchPage.tsx
@@ -44,9 +44,6 @@ import { ToolSearchResultListItem } from '@backstage/plugin-explore';
 import BuildIcon from '@material-ui/icons/Build';
 
 const useStyles = makeStyles((theme: Theme) => ({
-  bar: {
-    padding: theme.spacing(1),
-  },
   filter: {
     '& + &': {
       marginTop: theme.spacing(2.5),
diff --git a/plugins/search-react/src/components/SearchBar/SearchBar.tsx b/plugins/search-react/src/components/SearchBar/SearchBar.tsx
index 72d3559eb0..f4d89cb23f 100644
--- a/plugins/search-react/src/components/SearchBar/SearchBar.tsx
+++ b/plugins/search-react/src/components/SearchBar/SearchBar.tsx
@@ -19,8 +19,8 @@ import {
   useApi,
 } from '@backstage/core-plugin-api';
 import { IconButton, InputAdornment, TextField } from '@material-ui/core';
+import Button from '@material-ui/core/Button';
 import { TextFieldProps } from '@material-ui/core/TextField';
-import ClearButton from '@material-ui/icons/Clear';
 import SearchIcon from '@material-ui/icons/Search';
 import React, {
   ChangeEvent,
@@ -133,9 +133,9 @@ export const SearchBarBase: ForwardRefExoticComponent<SearchBarBaseProps> =
 
       const endAdornment = (
         <InputAdornment position="end">
-          <IconButton aria-label="Clear" size="small" onClick={handleClear}>
-            <ClearButton />
-          </IconButton>
+          <Button aria-label="Clear" size="small" onClick={handleClear}>
+            Clear
+          </Button>
         </InputAdornment>
       );