ui: make icons consistent for delete/remove pipelines

harness · Oct 28, 2022 · 98efde2 · 98efde2
1 parent 94e9dd4
commit 98efde2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/ui/src/components/PipelineRowActions.tsx b/ui/src/components/PipelineRowActions.tsx
@@ -4,6 +4,7 @@ import { createSearchParams, Link as RouterLink, LinkProps as RouterLinkProps }
 import { IconButton, Stack, Tooltip } from '@mui/material';
 import { md5, vscodeURI } from '../utils';
 import RemoveCircleIcon from '@mui/icons-material/RemoveCircle';
+import DeleteIcon from '@mui/icons-material/Delete';
 import RemovePipelineDialog from './dialogs/RemovePipelineDialog';
 import PlayCircleFilledWhiteIcon from '@mui/icons-material/PlayCircleFilledWhite';
 import StopCircleIcon from '@mui/icons-material/StopCircle';
@@ -100,7 +101,7 @@ export const PipelineRowActions = (props: { workspacePath: string; pipelineFile:
       )}
       <Tooltip title="Remove Pipeline">
         <IconButton onClick={handleDeletePipelines}>
-          <RemoveCircleIcon color="error" />
+          <DeleteIcon color="error" />
         </IconButton>
       </Tooltip>
       {removeConfirm && (

diff --git a/ui/src/components/Toolbar.tsx b/ui/src/components/Toolbar.tsx
@@ -1,5 +1,6 @@
 import { IconButton, Toolbar, Tooltip, Typography } from '@mui/material';
 import RemoveCircleIcon from '@mui/icons-material/RemoveCircle';
+import DeleteSweepIcon from '@mui/icons-material/DeleteSweep';
 import { alpha } from '@mui/material/styles';
 
 export const PipelineTableToolbar = (props) => {
@@ -37,7 +38,7 @@ export const PipelineTableToolbar = (props) => {
       {numSelected > 0 ? (
         <Tooltip title="Remove Pipelines">
           <IconButton onClick={handleRemove}>
-            <RemoveCircleIcon color="error" />
+            <DeleteSweepIcon color="error" />
           </IconButton>
         </Tooltip>
       ) : (