diff options
author | 2021-10-28 13:53:22 +0200 | |
---|---|---|
committer | 2021-10-28 13:53:22 +0200 | |
commit | 59d665af9d4c2dc505e5d5267b02b1df96e90a7d (patch) | |
tree | 7ae3acd32a0c94a2b157bfebdee3d479ffc6f5d1 /src/components/settings/SettingsLayout.js | |
parent | New Crowdin updates (#2154) [skip ci] (diff) | |
download | ferdium-app-59d665af9d4c2dc505e5d5267b02b1df96e90a7d.tar.gz ferdium-app-59d665af9d4c2dc505e5d5267b02b1df96e90a7d.tar.zst ferdium-app-59d665af9d4c2dc505e5d5267b02b1df96e90a7d.zip |
chore: remove @mdi/font in favor of using icons with @mdi/js directly (#2158)
Co-authored-by: Vijay A <vraravam@users.noreply.github.com>
Diffstat (limited to 'src/components/settings/SettingsLayout.js')
-rw-r--r-- | src/components/settings/SettingsLayout.js | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/src/components/settings/SettingsLayout.js b/src/components/settings/SettingsLayout.js index be11fdb8e..e9119a944 100644 --- a/src/components/settings/SettingsLayout.js +++ b/src/components/settings/SettingsLayout.js | |||
@@ -3,9 +3,11 @@ import PropTypes from 'prop-types'; | |||
3 | import { observer } from 'mobx-react'; | 3 | import { observer } from 'mobx-react'; |
4 | import { defineMessages, injectIntl } from 'react-intl'; | 4 | import { defineMessages, injectIntl } from 'react-intl'; |
5 | 5 | ||
6 | import { mdiClose } from '@mdi/js'; | ||
6 | import ErrorBoundary from '../util/ErrorBoundary'; | 7 | import ErrorBoundary from '../util/ErrorBoundary'; |
7 | import { oneOrManyChildElements } from '../../prop-types'; | 8 | import { oneOrManyChildElements } from '../../prop-types'; |
8 | import Appear from '../ui/effects/Appear'; | 9 | import Appear from '../ui/effects/Appear'; |
10 | import { Icon } from '../ui/icon'; | ||
9 | 11 | ||
10 | const messages = defineMessages({ | 12 | const messages = defineMessages({ |
11 | closeSettings: { | 13 | closeSettings: { |
@@ -62,10 +64,12 @@ class SettingsLayout extends Component { | |||
62 | {children} | 64 | {children} |
63 | <button | 65 | <button |
64 | type="button" | 66 | type="button" |
65 | className="settings__close mdi mdi-close" | 67 | className="settings__close" |
66 | onClick={closeSettings} | 68 | onClick={closeSettings} |
67 | aria-label={intl.formatMessage(messages.closeSettings)} | 69 | aria-label={intl.formatMessage(messages.closeSettings)} |
68 | /> | 70 | > |
71 | <Icon icon={mdiClose} size={1.35} /> | ||
72 | </button> | ||
69 | </div> | 73 | </div> |
70 | </ErrorBoundary> | 74 | </ErrorBoundary> |
71 | </div> | 75 | </div> |