diff --git a/frontend/src/components/common/Resource/ResourceTable.tsx b/frontend/src/components/common/Resource/ResourceTable.tsx index 7f2ed6d5ab2..8d5c3e0c2c4 100644 --- a/frontend/src/components/common/Resource/ResourceTable.tsx +++ b/frontend/src/components/common/Resource/ResourceTable.tsx @@ -14,6 +14,7 @@ * limitations under the License. */ +import { Icon } from '@iconify/react'; import Box from '@mui/material/Box'; import MenuItem from '@mui/material/MenuItem'; import { useTheme } from '@mui/material/styles'; @@ -51,6 +52,7 @@ import { useLocalStorageState } from '../../globalSearch/useLocalStorageState'; import { DateLabel } from '../Label'; import Link from '../Link'; import Table, { TableColumn } from '../Table'; +import { LightTooltip } from '../Tooltip'; import DeleteButton from './DeleteButton'; import EditButton from './EditButton'; import ResourceTableMultiActions from './ResourceTableMultiActions'; @@ -443,8 +445,31 @@ function ResourceTableContent(props: ResourceTablePr header: t('translation|Name'), gridTemplate: 'auto', accessorFn: (item: RowItem) => item.metadata.name, - Cell: ({ row }: { row: MRT_Row }) => - row.original && , + Cell: ({ row }: { row: MRT_Row }) => { + if (!row.original) { + return null; + } + + const isDeleting = !!row.original.metadata?.deletionTimestamp; + + return ( + + {isDeleting && ( + + + + + + )} + + + ); + }, }; case 'age': return {