feat: [M3-10454] - Show toast notification for disk_delete failures (linode#12673)

* show toast for failed `disk_delete` events

* fix wrapping in disk row

* Added changeset: Toast notification for failed disk deletion events

* Added changeset: Unexpected wrapping in Linode disk table row

---------

Co-authored-by: Banks Nussman <[email protected]>

Author: bnussman-akamai

packages/manager/.changeset/pr-12673-added-1754927476081.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Added
+---
+
+Toast notification for failed disk deletion events ([#12673](https://github.com/linode/manager/pull/12673))

packages/manager/.changeset/pr-12673-fixed-1754927520574.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Unexpected wrapping in Linode disk table row ([#12673](https://github.com/linode/manager/pull/12673))

packages/manager/src/features/Events/asyncToasts.tsx

@@ -74,7 +74,7 @@ export const createToast = (options: ToastOptions) => {
  */
 export const toasts: Toasts = {
   backups_restore: createToast({ failure: { persist: true } }),
-  disk_delete: createToast({ failure: false, success: true }),
+  disk_delete: createToast({ failure: true, success: true }),
   disk_imagize: createToast({ failure: { persist: true }, success: true }),
   disk_resize: createToast({ failure: { persist: true }, success: true }),
   image_delete: createToast({ failure: true, success: true }),

packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDiskRow.tsx

@@ -1,6 +1,5 @@
-import { Hidden } from '@linode/ui';
-import { useTheme } from '@mui/material/styles';
-import * as React from 'react';
+import { Hidden, Stack } from '@linode/ui';
+import React from 'react';
 
 import { BarPercent } from 'src/components/BarPercent';
 import { DateTimeDisplay } from 'src/components/DateTimeDisplay';
@@ -24,7 +23,6 @@ interface Props {
 
 export const LinodeDiskRow = React.memo((props: Props) => {
   const { data: events } = useInProgressEvents();
-  const theme = useTheme();
   const {
     disk,
     linodeId,
@@ -55,25 +53,16 @@ export const LinodeDiskRow = React.memo((props: Props) => {
       <TableCell sx={{ width: '10%' }}>{disk.filesystem}</TableCell>
       <TableCell sx={{ width: '15%' }}>
         {event ? (
-          <div
-            style={{
-              alignItems: 'center',
-              display: 'flex',
-              flexFlow: 'row nowrap',
-            }}
-          >
+          <Stack direction="row" gap={2} whiteSpace="nowrap">
             {diskEventLabelMap[event.action]} ({event.percent_complete}%)
             <BarPercent
               max={100}
               narrow
               rounded
-              sx={{
-                paddingLeft: theme.spacing(),
-                width: 250,
-              }}
+              sx={{ minWidth: 250 }}
               value={event?.percent_complete ?? 0}
             />
-          </div>
+          </Stack>
         ) : (
           `${disk.size} MB`
         )}