chore: add workspaceicon to workspaceitem

Author: orgrimarr

src/features/workspaces/components/WorkspaceItem.tsx

@@ -4,6 +4,7 @@ import { observer } from 'mobx-react';
 import withStyles, { WithStylesProps } from 'react-jss';
 import { noop } from 'lodash';
 import Workspace from '../models/Workspace';
+import WorkspaceIcon from '../../../components/ui/WorkspaceIcon';
 
 const styles = theme => ({
   row: {
@@ -13,7 +14,10 @@ const styles = theme => ({
       background: theme.workspaces.settings.listItems.hoverBgColor,
     },
   },
-  columnName: {},
+  columnName: {
+    width: '60px',
+    borderCollapse: 'separate',
+  },
 });
 
 interface IProps extends WithStylesProps<typeof styles> {
@@ -28,6 +32,13 @@ class WorkspaceItem extends Component<IProps> {
 
     return (
       <tr className={classes.row}>
+        <td
+          className={classes.columnName}
+          onClick={() => onItemClick(workspace)}
+          onKeyDown={noop}
+        >
+          <WorkspaceIcon name={workspace.name} icon={workspace.icon} />
+        </td>
         <td onClick={() => onItemClick(workspace)} onKeyDown={noop}>
           {workspace.name}
         </td>