From ac9ba13ffb32472f58e7b68ef968c3578bc090fd Mon Sep 17 00:00:00 2001
From: Ernst Widerberg <ernst@sunet.se>
Date: Fri, 5 Nov 2021 11:55:47 +0100
Subject: SearchForm: Move IconButton styling to global theme

---
 src/components/SearchForm.js | 10 ++--------
 src/index.js                 |  7 +++++++
 2 files changed, 9 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/components/SearchForm.js b/src/components/SearchForm.js
index 8b55e18..8c502a1 100644
--- a/src/components/SearchForm.js
+++ b/src/components/SearchForm.js
@@ -59,14 +59,8 @@ class SearchForm extends React.Component {
                     InputProps={{
                         endAdornment: (
                             <InputAdornment position="end">
-                                {this.state.value !== "" && (
-                                    <IconButton
-                                        onClick={this.clearSearch}
-                                        sx={{
-                                            backgroundColor:
-                                                "inherit !important"
-                                        }}
-                                    >
+                                {this.state.searchValue !== "" && (
+                                    <IconButton onClick={this.clearSearch}>
                                         <ClearIcon />
                                     </IconButton>
                                 )}
diff --git a/src/index.js b/src/index.js
index b866e49..774086d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -14,6 +14,13 @@ let global = createTheme({
                 disableElevation: true
             }
         },
+        MuiIconButton: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: "inherit !important"
+                }
+            }
+        },
         MuiCssBaseline: {
             styleOverrides: {
                 "*, *::before, *::after": {
-- 
cgit v1.1