Improve hover message when the drive is too small

Changelog-entry: Improve hover message when the drive is too small
Change-type: patch
This commit is contained in:
Alexis Svinartchouk 2020-12-11 19:33:00 +01:00
parent b1e4e681d1
commit 36d05724c0
2 changed files with 5 additions and 8 deletions

View File

@ -305,9 +305,9 @@ export class DriveSelector extends React.Component<
case compatibility.system():
return warning.systemDrive();
case compatibility.tooSmall():
const recommendedDriveSize =
const size =
this.state.image?.recommendedDriveSize || this.state.image?.size || 0;
return warning.unrecommendedDriveSize({ recommendedDriveSize }, drive);
return warning.tooSmall({ size }, drive);
}
}

View File

@ -81,13 +81,10 @@ export const compatibility = {
} as const;
export const warning = {
unrecommendedDriveSize: (
image: { recommendedDriveSize: number },
drive: { device: string; size: number },
) => {
tooSmall: (source: { size: number }, target: { size: number }) => {
return outdent({ newline: ' ' })`
This image recommends a ${prettyBytes(image.recommendedDriveSize)}
drive, however ${drive.device} is only ${prettyBytes(drive.size)}.
The selected source is ${prettyBytes(source.size - target.size)}
larger than this drive.
`;
},