From 129411371267774c83caf5f854c97546bade218c Mon Sep 17 00:00:00 2001
From: "andy.lee" <andy.lee@suse.com>
Date: Mon, 3 Jun 2024 11:55:45 +0800
Subject: [PATCH] update clean up disks wording and modal style

Signed-off-by: andy.lee <andy.lee@suse.com>
---
 src/routes/backingImage/DiskStateMapActions.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/routes/backingImage/DiskStateMapActions.js b/src/routes/backingImage/DiskStateMapActions.js
index a17075220..250b090f0 100644
--- 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)
       },