diff options
| author | Ernst Widerberg <ernst@sunet.se> | 2021-11-05 12:09:35 +0100 |
|---|---|---|
| committer | Ernst Widerberg <ernst@sunet.se> | 2021-11-05 12:10:54 +0100 |
| commit | 67377dc148d8e3918cde25e8533301186e85c27a (patch) | |
| tree | b7c43e34ce4361c8bcd331a8452ad07260fd569a | |
| parent | 1ef15cdea0ffab80bd4533ae6a4cc8d9f2133dd9 (diff) | |
SearchForm: Replace IconButton with plain icon
Use "clickable" variant of MuiSvgIcon
| -rw-r--r-- | src/components/SearchForm.js | 7 | ||||
| -rw-r--r-- | src/index.js | 13 |
2 files changed, 12 insertions, 8 deletions
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: { |