diff options
Diffstat (limited to 'src/components/ui/InfoBar.js')
-rw-r--r-- | src/components/ui/InfoBar.js | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/src/components/ui/InfoBar.js b/src/components/ui/InfoBar.js index 3311a949f..89b085907 100644 --- a/src/components/ui/InfoBar.js +++ b/src/components/ui/InfoBar.js | |||
@@ -5,7 +5,9 @@ import classnames from 'classnames'; | |||
5 | import Loader from 'react-loader'; | 5 | import Loader from 'react-loader'; |
6 | import { defineMessages, injectIntl } from 'react-intl'; | 6 | import { defineMessages, injectIntl } from 'react-intl'; |
7 | 7 | ||
8 | import { mdiClose } from '@mdi/js'; | ||
8 | import Appear from './effects/Appear'; | 9 | import Appear from './effects/Appear'; |
10 | import { Icon } from './icon'; | ||
9 | 11 | ||
10 | const messages = defineMessages({ | 12 | const messages = defineMessages({ |
11 | hide: { | 13 | hide: { |
@@ -88,10 +90,12 @@ class InfoBar extends Component { | |||
88 | {!sticky && ( | 90 | {!sticky && ( |
89 | <button | 91 | <button |
90 | type="button" | 92 | type="button" |
91 | className="info-bar__close mdi mdi-close" | 93 | className="info-bar__close" |
92 | onClick={onHide} | 94 | onClick={onHide} |
93 | aria-label={intl.formatMessage(messages.hide)} | 95 | aria-label={intl.formatMessage(messages.hide)} |
94 | /> | 96 | > |
97 | <Icon icon={mdiClose} /> | ||
98 | </button> | ||
95 | )} | 99 | )} |
96 | </Appear> | 100 | </Appear> |
97 | ); | 101 | ); |