console: add new sidebar icon that separates enums from tables (fix h…

…asura#4984) (hasura#4992)
stevefan1999-personal · Sep 12, 2020 · 1d6648f · 1d6648f
1 parent 8997480
commit 1d6648f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/console/src/components/Services/Data/DataSubSidebar.js b/console/src/components/Services/Data/DataSubSidebar.js
@@ -106,6 +106,8 @@ class DataSubSidebar extends React.Component {
           const isActive =
             tableName === currentTable && currentLocation.includes(tableName);
 
+          const iconStyle = table.is_enum ? 'fa-list-ul' : 'fa-table';
+
           return (
             <li
               className={isActive ? styles.activeLink : ''}
@@ -120,7 +122,7 @@ class DataSubSidebar extends React.Component {
                 data-test={tableName}
               >
                 <i
-                  className={styles.tableIcon + ' fa fa-table'}
+                  className={`${styles.tableIcon} fa ${iconStyle}`}
                   aria-hidden="true"
                 />
                 {displayTableName(table)}