Refactorize disks list

virtweb_frontend/src/widgets/forms/VMDisksList.tsx

@@ -24,6 +24,7 @@ import { TextInput } from "./TextInput";
 import { DiskImageSelect } from "./DiskImageSelect";
 import { DiskImage } from "../../api/DiskImageApi";
 import { DiskBusSelect } from "./DiskBusSelect";
+import { VMDiskFileWidget } from "../vms/VMDiskFileWidget";
 
 export function VMDisksList(p: {
   vm: VMInfo;
@@ -124,7 +125,8 @@ function DiskInfo(p: {
 
   if (!p.editable || !p.disk.new)
     return (
-      <ListItem
+      <VMDiskFileWidget
+        disk={p.disk}
         secondaryAction={
           <>
             {p.editable && (
@@ -158,32 +160,7 @@ function DiskInfo(p: {
             )}
           </>
         }
-      >
-        <ListItemAvatar>
-          <Avatar>
-            <Icon path={mdiHarddisk} />
-          </Avatar>
-        </ListItemAvatar>
-        <ListItemText
-          primary={
-            <>
-              {p.disk.name}{" "}
-              {p.disk.deleteType && (
-                <span style={{ color: "red" }}>
-                  {p.disk.deleteType === "deletefile"
-                    ? "Remove, DELETING block file"
-                    : "Remove, keeping block file"}
-                </span>
-              )}
-            </>
-          }
-          secondary={`${filesize(p.disk.size)} - ${p.disk.format}${
-            p.disk.format == "Raw"
-              ? " - " + (p.disk.is_sparse ? "Sparse" : "Fixed")
-              : ""
-          }`}
-        />
-      </ListItem>
+      />
     );
 
   return (