From 8708f1dfc61d6265ee930c02c926f074fde6fdeb Mon Sep 17 00:00:00 2001
From: Muhamed <unknown>
Date: Sat, 27 May 2023 16:33:26 +0530
Subject: fix: InfoBar crash app on update

---
 src/components/ui/InfoBar.tsx | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

(limited to 'src/components/ui')

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> {
           [`${className}`]: true,
         })}
       >
-        <div className="info-bar__content">
+        <div
+          className={classnames({
+            'info-bar': true,
+            [`info-bar--${type}`]: true,
+            [`info-bar--${position}`]: true,
+            [`${className}`]: true,
+          })}
+        >
           {children}
           {ctaLabel && (
             <button type="button" className="info-bar__cta" onClick={onClick}>
@@ -70,17 +77,17 @@ class InfoBar extends Component<IProps> {
               {ctaLabel}
             </button>
           )}
+          {!sticky && (
+            <button
+              type="button"
+              className="info-bar__close"
+              onClick={onHide}
+              aria-label={intl.formatMessage(messages.hide)}
+            >
+              <Icon icon={mdiClose} />
+            </button>
+          )}
         </div>
-        {!sticky && (
-          <button
-            type="button"
-            className="info-bar__close"
-            onClick={onHide}
-            aria-label={intl.formatMessage(messages.hide)}
-          >
-            <Icon icon={mdiClose} />
-          </button>
-        )}
       </Appear>
     );
   }
-- 
cgit v1.2.3-54-g00ecf