From 67377dc148d8e3918cde25e8533301186e85c27a Mon Sep 17 00:00:00 2001
From: Ernst Widerberg <ernst@sunet.se>
Date: Fri, 5 Nov 2021 12:09:35 +0100
Subject: SearchForm: Replace IconButton with plain icon

Use "clickable" variant of MuiSvgIcon
---
 src/components/SearchForm.js |  7 ++++---
 src/index.js                 | 13 ++++++++-----
 2 files changed, 12 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/components/SearchForm.js b/src/components/SearchForm.js
index 81de166..2d7eaf5 100644
--- a/src/components/SearchForm.js
+++ b/src/components/SearchForm.js
@@ -60,9 +60,10 @@ class SearchForm extends React.Component {
                         endAdornment: (
                             <InputAdornment position="end">
                                 {this.state.searchValue !== "" && (
-                                    <IconButton onClick={this.clearSearch}>
-                                        <ClearIcon />
-                                    </IconButton>
+                                    <ClearIcon
+                                        variant="clickable"
+                                        onClick={this.clearSearch}
+                                    />
                                 )}
                             </InputAdornment>
                         )
diff --git a/src/index.js b/src/index.js
index 774086d..98c69f1 100644
--- a/src/index.js
+++ b/src/index.js
@@ -14,12 +14,15 @@ let global = createTheme({
                 disableElevation: true
             }
         },
-        MuiIconButton: {
-            styleOverrides: {
-                root: {
-                    backgroundColor: "inherit !important"
+        MuiSvgIcon: {
+            variants: [
+                {
+                    props: { variant: "clickable" },
+                    style: {
+                        cursor: "pointer"
+                    }
                 }
-            }
+            ]
         },
         MuiCssBaseline: {
             styleOverrides: {
-- 
cgit v1.1