diff options
Diffstat (limited to 'src/components/ui/InfoBar.tsx')
-rw-r--r-- | src/components/ui/InfoBar.tsx | 18 |
1 files changed, 8 insertions, 10 deletions
diff --git a/src/components/ui/InfoBar.tsx b/src/components/ui/InfoBar.tsx index b7bfe0fa6..ae37546df 100644 --- a/src/components/ui/InfoBar.tsx +++ b/src/components/ui/InfoBar.tsx | |||
@@ -1,11 +1,11 @@ | |||
1 | import { Component, MouseEventHandler, ReactNode } from 'react'; | 1 | import { Component, MouseEventHandler, ReactNode } from 'react'; |
2 | import { observer } from 'mobx-react'; | 2 | import { observer } from 'mobx-react'; |
3 | import classnames from 'classnames'; | 3 | import classnames from 'classnames'; |
4 | import Loader from 'react-loader'; | ||
5 | import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl'; | 4 | import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl'; |
6 | 5 | ||
7 | import { mdiClose } from '@mdi/js'; | 6 | import { mdiClose } from '@mdi/js'; |
8 | import { noop } from 'lodash'; | 7 | import { noop } from 'lodash'; |
8 | import Loader from './loader/index'; | ||
9 | import Appear from './effects/Appear'; | 9 | import Appear from './effects/Appear'; |
10 | import Icon from './icon'; | 10 | import Icon from './icon'; |
11 | 11 | ||
@@ -67,15 +67,13 @@ class InfoBar extends Component<IProps> { | |||
67 | {children} | 67 | {children} |
68 | {ctaLabel && ( | 68 | {ctaLabel && ( |
69 | <button type="button" className="info-bar__cta" onClick={onClick}> | 69 | <button type="button" className="info-bar__cta" onClick={onClick}> |
70 | <Loader | 70 | <div |
71 | loaded={!ctaLoading} | 71 | className="contentWrapper" |
72 | lines={10} | 72 | style={{ display: 'flex', gap: '8px' }} |
73 | scale={0.3} | 73 | > |
74 | color="#FFF" | 74 | <Loader size={18} loaded={!ctaLoading} color="#FFFFFF" /> |
75 | // @ts-expect-error Property 'component' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactLoader> & Readonly<LoaderProps> | 75 | {ctaLabel} |
76 | component="span" | 76 | </div> |
77 | /> | ||
78 | {ctaLabel} | ||
79 | </button> | 77 | </button> |
80 | )} | 78 | )} |
81 | {!sticky && ( | 79 | {!sticky && ( |