Merge pull request #1011 from layer5io/amitamrutiya-patch-1-1

Update WorkspaceViewsTable.tsx

Author: amitamrutiya

src/custom/Workspaces/WorkspaceViewsTable.tsx

@@ -1,8 +1,9 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import RemoveCircleIcon from '@mui/icons-material/RemoveCircle';
 import { MUIDataTableColumn, MUIDataTableMeta } from 'mui-datatables';
 import React, { useState } from 'react';
 import { Box, Typography } from '../../base';
-import { DeleteIcon, EnvironmentIcon, ViewIcon } from '../../icons';
+import { EnvironmentIcon, ViewIcon } from '../../icons';
 import { useTheme } from '../../theme';
 import { NameDiv } from '../CatalogDesignTable/style';
 import { RESOURCE_TYPES } from '../CatalogDetail/types';
@@ -227,7 +228,7 @@ const WorkspaceViewsTable: React.FC<ViewsTableProps> = ({
         customBodyRender: (_: string, tableMeta: MUIDataTableMeta) => (
           <IconWrapper disabled={!isRemoveAllowed}>
             <TooltipIcon
-              id={`delete_team-${tableMeta.rowIndex}`}
+              id={`delete_view-${tableMeta.rowIndex}`}
               title="Remove View"
               onClick={() => {
                 isRemoveAllowed &&
@@ -238,7 +239,7 @@ const WorkspaceViewsTable: React.FC<ViewsTableProps> = ({
               }}
               iconType="delete"
             >
-              <DeleteIcon height={28} width={28} fill={theme.palette.icon.default} />
+              <RemoveCircleIcon style={{ color: theme?.palette.icon.default }} />{' '}
             </TooltipIcon>
           </IconWrapper>
         )