Workspace iconworkspace-icons

2 files changed, 20 insertions, 0 deletions

diff --git a/src/features/workspaces/components/WorkspaceDrawer.tsx b/src/features/workspaces/components/WorkspaceDrawer.tsx
index 3e05cb7de..93ceae129 100644
--- a/src/features/workspaces/components/WorkspaceDrawer.tsx
+++ b/src/features/workspaces/components/WorkspaceDrawer.tsx
@@ -136,6 +136,7 @@ class WorkspaceDrawer extends Component<IProps> {
         <div className={classes.workspaces}>
           <WorkspaceDrawerItem
             name={intl.formatMessage(messages.allServices)}
+            icon="*"
             onClick={() => {
               workspaceActions.deactivate();
               workspaceActions.toggleWorkspaceDrawer();
@@ -148,6 +149,7 @@ class WorkspaceDrawer extends Component<IProps> {
             <WorkspaceDrawerItem
               key={workspace.id}
               name={workspace.name}
+              icon={(workspace.name || ' ').slice(0, 1)}
               isActive={actualWorkspace === workspace}
               onClick={() => {
                 if (actualWorkspace === workspace) {
diff --git a/src/features/workspaces/components/WorkspaceDrawerItem.tsx b/src/features/workspaces/components/WorkspaceDrawerItem.tsx
index 4fd7662f5..86fc52fcc 100644
--- a/src/features/workspaces/components/WorkspaceDrawerItem.tsx
+++ b/src/features/workspaces/components/WorkspaceDrawerItem.tsx
@@ -45,6 +45,14 @@ const styles = theme => ({
       backgroundColor: theme.workspaces.drawer.listItem.activeBackground,
     },
   },
+  icon: {
+    fontSize: 'x-large',
+    borderColor: 'red',
+    borderStyle: 'double',
+    borderWidth: 'medium',
+    padding: '0 6px',
+    marginRight: '6px',
+  },
   name: {
     marginTop: '4px',
     color: theme.workspaces.drawer.listItem.name.color,
@@ -70,6 +78,7 @@ const styles = theme => ({
 interface IProps extends WithStylesProps<typeof styles>, WrappedComponentProps {
   isActive: boolean;
   name: string;
+  icon: string;
   onClick: MouseEventHandler<HTMLInputElement>;
   services: string[];
   // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
@@ -84,6 +93,7 @@ class WorkspaceDrawerItem extends Component<IProps> {
       classes,
       isActive,
       name,
+      icon,
       onClick,
       onContextMenuEditClick = null,
       services,
@@ -128,6 +138,14 @@ class WorkspaceDrawerItem extends Component<IProps> {
       >
         <span
           className={classnames([
+            classes.icon,
+            isActive ? classes.activeName : null,
+          ])}
+        >
+          {icon}
+        </span>
+        <span
+          className={classnames([
             classes.name,
             isActive ? classes.activeName : null,
           ])}