update clean up disks wording and modal style

Signed-off-by: andy.lee <andy.lee@suse.com>
longhorn · Jun 4, 2024 · 1294113 · 1294113
1 parent 02650da
commit 1294113
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/routes/backingImage/DiskStateMapActions.js b/src/routes/backingImage/DiskStateMapActions.js
@@ -6,7 +6,15 @@ const confirm = Modal.confirm
 function DiskStateMapActions({ selectedRows, deleteButtonDisabled, deleteButtonLoading, deleteDisksOnBackingImage }) {
   const deleteButtonClick = () => {
     confirm({
-      title: `Are you sure to clean up the image file from the disks (${selectedRows.map(item => item.disk).join(',')}) ?`,
+      width: 'fit-content',
+      title: (
+          <>
+            <p>Are you sure you want to clean up the image file from the disks ?</p>
+            <ul>
+              {selectedRows.map(item => <li>{item.disk}</li>)}
+            </ul>
+          </>
+      ),
       onOk() {
         deleteDisksOnBackingImage(selectedRows)
       },