prevent resizing card when error message is shown or hidden

airbytehq · Jan 4, 2023 · 7088b2c · 7088b2c
1 parent 12db741
commit 7088b2c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.module.scss b/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.module.scss
@@ -52,6 +52,8 @@ $controlButtonWidth: 24px;
 }
 
 .errorMessage {
+  // hardcode height to prevent resizing when error message is hidden
+  height: 16px;
   color: colors.$red;
 }
 

diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.tsx b/airbyte-webapp/src/components/connectorBuilder/Builder/StreamConfigView.tsx
@@ -183,11 +183,7 @@ const SchemaEditor = ({ streamFieldPath }: { streamFieldPath: (fieldPath: string
           helpers.setValue(val);
         }}
       />
-      {meta.error && (
-        <Text className={styles.errorMessage}>
-          <FormattedMessage id={meta.error} />
-        </Text>
-      )}
+      <Text className={styles.errorMessage}>{meta.error && <FormattedMessage id={meta.error} />}</Text>
     </>
   );
 };