diff options
author | Muhamed <unknown> | 2023-05-27 16:33:26 +0530 |
---|---|---|
committer | muhamedsalih-tw <104364298+muhamedsalih-tw@users.noreply.github.com> | 2023-07-23 22:15:29 +0530 |
commit | 8708f1dfc61d6265ee930c02c926f074fde6fdeb (patch) | |
tree | 24b162832dc170b1f43290c33d1880991b6783f4 /src/components | |
parent | update react-router-dom,react-tooltip& react-transition-group (diff) | |
download | ferdium-app-8708f1dfc61d6265ee930c02c926f074fde6fdeb.tar.gz ferdium-app-8708f1dfc61d6265ee930c02c926f074fde6fdeb.tar.zst ferdium-app-8708f1dfc61d6265ee930c02c926f074fde6fdeb.zip |
fix: InfoBar crash app on update
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/ui/InfoBar.tsx | 29 |
1 files changed, 18 insertions, 11 deletions
diff --git a/src/components/ui/InfoBar.tsx b/src/components/ui/InfoBar.tsx index ef8f6ad6f..bdc12510d 100644 --- a/src/components/ui/InfoBar.tsx +++ b/src/components/ui/InfoBar.tsx | |||
@@ -56,7 +56,14 @@ class InfoBar extends Component<IProps> { | |||
56 | [`${className}`]: true, | 56 | [`${className}`]: true, |
57 | })} | 57 | })} |
58 | > | 58 | > |
59 | <div className="info-bar__content"> | 59 | <div |
60 | className={classnames({ | ||
61 | 'info-bar': true, | ||
62 | [`info-bar--${type}`]: true, | ||
63 | [`info-bar--${position}`]: true, | ||
64 | [`${className}`]: true, | ||
65 | })} | ||
66 | > | ||
60 | {children} | 67 | {children} |
61 | {ctaLabel && ( | 68 | {ctaLabel && ( |
62 | <button type="button" className="info-bar__cta" onClick={onClick}> | 69 | <button type="button" className="info-bar__cta" onClick={onClick}> |
@@ -70,17 +77,17 @@ class InfoBar extends Component<IProps> { | |||
70 | {ctaLabel} | 77 | {ctaLabel} |
71 | </button> | 78 | </button> |
72 | )} | 79 | )} |
80 | {!sticky && ( | ||
81 | <button | ||
82 | type="button" | ||
83 | className="info-bar__close" | ||
84 | onClick={onHide} | ||
85 | aria-label={intl.formatMessage(messages.hide)} | ||
86 | > | ||
87 | <Icon icon={mdiClose} /> | ||
88 | </button> | ||
89 | )} | ||
73 | </div> | 90 | </div> |
74 | {!sticky && ( | ||
75 | <button | ||
76 | type="button" | ||
77 | className="info-bar__close" | ||
78 | onClick={onHide} | ||
79 | aria-label={intl.formatMessage(messages.hide)} | ||
80 | > | ||
81 | <Icon icon={mdiClose} /> | ||
82 | </button> | ||
83 | )} | ||
84 | </Appear> | 91 | </Appear> |
85 | ); | 92 | ); |
86 | } | 93 | } |