💄 Remove info icon from error displays for mobile

liam-hq · Jan 31, 2025 · 114a688 · 114a688
1 parent 7904b7e
commit 114a688
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 44 deletions.
diff --git a/.../packages/erd-core/src/components/ERDRenderer/ErrorDisplay/NetworkErrorDisplay.module.css b/.../packages/erd-core/src/components/ERDRenderer/ErrorDisplay/NetworkErrorDisplay.module.css
@@ -13,16 +13,6 @@
   gap: var(--spacing-1, 4px);
 }
 
-.message1TitleWrapper {
-  display: flex;
-  gap: var(--spacing-2, 8px);
-}
-
-.iconWrapper {
-  min-width: 24px;
-  padding-top: var(--spacing-1, 4px);
-}
-
 .message1Title {
   color: var(--callout-warning-text, #c3b476);
   font-family: var(--message-font, Montserrat);
@@ -45,10 +35,6 @@
     gap: var(--spacing-2, 8px);
   }
 
-  .iconWrapper {
-    display: none;
-  }
-
   .message1Title {
     font-size: var(--font-size-8, 20px);
   }

diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ErrorDisplay/NetworkErrorDisplay.tsx b/frontend/packages/erd-core/src/components/ERDRenderer/ErrorDisplay/NetworkErrorDisplay.tsx
@@ -1,4 +1,3 @@
-import { InfoIcon } from '@liam-hq/ui'
 import type { FC } from 'react'
 import styles from './NetworkErrorDisplay.module.css'
 
@@ -15,13 +14,8 @@ export const NetworkErrorDisplay: FC<Props> = ({ errors }) => {
   return (
     <div className={styles.wrapper}>
       <div className={styles.message1}>
-        <div className={styles.message1TitleWrapper}>
-          <div className={styles.iconWrapper}>
-            <InfoIcon color="var(--callout-warning-text)" />
-          </div>
-          <div className={styles.message1Title}>
-            Oh no! We’ve encountered some NetworkErrors 🛸💫
-          </div>
+        <div className={styles.message1Title}>
+          Oh no! We’ve encountered some NetworkErrors 🛸💫
         </div>
 
         {errors[0] && (

diff --git a/...nd/packages/erd-core/src/components/ERDRenderer/ErrorDisplay/ParseErrorDisplay.module.css b/...nd/packages/erd-core/src/components/ERDRenderer/ErrorDisplay/ParseErrorDisplay.module.css
@@ -13,16 +13,6 @@
   gap: var(--spacing-1, 4px);
 }
 
-.message1TitleWrapper {
-  display: flex;
-  gap: var(--spacing-2, 8px);
-}
-
-.iconWrapper {
-  min-width: 24px;
-  padding-top: var(--spacing-1, 4px);
-}
-
 .message1Title {
   color: var(--callout-warning-text, #c3b476);
   font-family: var(--message-font, Montserrat);
@@ -102,10 +92,6 @@
     gap: var(--spacing-2, 8px);
   }
 
-  .iconWrapper {
-    display: none;
-  }
-
   .message1Title {
     font-size: var(--font-size-8, 20px);
   }

diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ErrorDisplay/ParseErrorDisplay.tsx b/frontend/packages/erd-core/src/components/ERDRenderer/ErrorDisplay/ParseErrorDisplay.tsx
@@ -1,4 +1,3 @@
-import { InfoIcon } from '@liam-hq/ui'
 import type { FC } from 'react'
 import styles from './ParseErrorDisplay.module.css'
 
@@ -15,13 +14,8 @@ export const ParseErrorDisplay: FC<Props> = ({ errors }) => {
   return (
     <div className={styles.wrapper}>
       <div className={styles.message1}>
-        <div className={styles.message1TitleWrapper}>
-          <div className={styles.iconWrapper}>
-            <InfoIcon color="var(--callout-warning-text)" />
-          </div>
-          <div className={styles.message1Title}>
-            Oh no! We’ve encountered some errors 🛸💫
-          </div>
+        <div className={styles.message1Title}>
+          Oh no! We’ve encountered some errors 🛸💫
         </div>
 
         {errors[0] && (