🪟 🐛 hide connection status messages box when no messages present (#12…

…485)
szemek · May 16, 2024 · 3cdd8a9 · 3cdd8a9
1 parent 94fab7e
commit 3cdd8a9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/airbyte-webapp/src/pages/connections/StreamStatusPage/ConnectionStatusCard.module.scss b/airbyte-webapp/src/pages/connections/StreamStatusPage/ConnectionStatusCard.module.scss
@@ -8,3 +8,9 @@
     border-bottom: none;
   }
 }
+
+.collapseEmpty {
+  &:empty {
+    display: none;
+  }
+}
diff --git a/airbyte-webapp/src/pages/connections/StreamStatusPage/ConnectionStatusCard.tsx b/airbyte-webapp/src/pages/connections/StreamStatusPage/ConnectionStatusCard.tsx
@@ -33,7 +33,7 @@ export const ConnectionStatusCard: React.FC = () => {
           <ConnectionSyncButtons buttonText={<FormattedMessage id="connection.startSync" values={{ streamCount }} />} />
         </FlexContainer>
       </Box>
-      <Box p="lg">
+      <Box p="lg" className={styles.collapseEmpty}>
         <ConnectionStatusMessages />
       </Box>
       {showHistoricalOverview && <HistoricalOverview />}