From f5fd828741edeebb7c4d3449f474c3606b3912d4 Mon Sep 17 00:00:00 2001
From: Lisa Knox <lisaknox83@gmail.com>
Date: Thu, 9 Nov 2023 09:24:14 -0500
Subject: [PATCH 1/1] 19302: added shellaccess icon to collpased panel
 Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox@curii.com>

---
 src/components/icon/icon.tsx                             | 7 +++++++
 src/views-components/side-panel/side-panel-collapsed.tsx | 9 ++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index 5f3f4e65..998cd805 100644
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -164,6 +164,13 @@ export const CheckboxMultipleBlankOutline: IconType = (props: any) => (
     </SvgIcon>
 );
 
+//https://pictogrammers.com/library/mdi/icon/console/
+export const TerminalIcon: IconType = (props: any) => (
+    <SvgIcon {...props}>
+        <path d="M20,19V7H4V19H20M20,3A2,2 0 0,1 22,5V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V5C2,3.89 2.9,3 4,3H20M13,17V15H18V17H13M9.58,13L5.57,9H8.4L11.7,12.3C12.09,12.69 12.09,13.33 11.7,13.72L8.42,17H5.59L9.58,13Z" />
+    </SvgIcon>
+)
+
 export type IconType = React.SFC<{ className?: string; style?: object }>;
 
 export const AddIcon: IconType = props => <Add {...props} />;
diff --git a/src/views-components/side-panel/side-panel-collapsed.tsx b/src/views-components/side-panel/side-panel-collapsed.tsx
index 2c66630a..f1e929e7 100644
--- a/src/views-components/side-panel/side-panel-collapsed.tsx
+++ b/src/views-components/side-panel/side-panel-collapsed.tsx
@@ -5,6 +5,7 @@
 import React, { ReactElement } from 'react'
 import { connect } from 'react-redux'
 import { ProjectsIcon, ProcessIcon, FavoriteIcon, ShareMeIcon, TrashIcon, PublicFavoriteIcon, GroupsIcon } from 'components/icon/icon'
+import { TerminalIcon } from 'components/icon/icon'
 import { List, ListItem, Tooltip } from '@material-ui/core'
 import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles'
 import { ArvadosTheme } from 'common/custom-theme'
@@ -39,6 +40,7 @@ enum SidePanelCollapsedCategory {
     PUBLIC_FAVORITES = 'Public Favorites',
     SHARED_WITH_ME = 'Shared with me',
     ALL_PROCESSES = 'All Processes',
+    SHELL_ACCESS = 'Shell access',
     GROUPS = 'Groups',
     TRASH = 'Trash',
 }
@@ -75,6 +77,11 @@ const sidePanelCollapsedCategories: TCollapsedCategory[] = [
         icon: <ProcessIcon />,
         navTarget: navigateToAllProcesses,
     },
+    {
+        name: SidePanelCollapsedCategory.SHELL_ACCESS,
+        icon: <TerminalIcon />,
+        navTarget: navigateToGroups,
+    },
     {
         name: SidePanelCollapsedCategory.GROUPS,
         icon: <GroupsIcon />,
@@ -82,7 +89,7 @@ const sidePanelCollapsedCategories: TCollapsedCategory[] = [
     },
     {
         name: SidePanelCollapsedCategory.TRASH,
-        icon: <TrashIcon />,
+        icon: <TrashIcon style={{marginLeft: '-2px'}} />,
         navTarget: navigateToTrash,
     },
 ]
-- 
2.30.2