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

…4984) (#4992)

CHANGELOG.md

@@ -83,6 +83,7 @@ Read more about the session argument for computed fields in the [docs](https://h
 - console: fix underscores not being displayed on raw sql page (close #4754) (#4799)
 - console: fix visiting view modify page overwriting raw sql content (fix #4798) (#4810)
 - console: add help button and move about page to settings (#4848)
+- console: add new sidebar icon that separates enums from tables (fix #4984) (#4992)
 - cli: list all available commands in root command help (fix #4623) (#4628)
 - cli: fix bug with squashing event triggers (close #4883)
 - cli: add support for skipping execution while generating migrations through the migrate REST API

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)}