jeans/etcher
jeans/etcher
1
0
Fork 0
mirror of https://github.com/balena-io/etcher.git synced 2025-07-17 16:26:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve hover message when the drive is too small

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lib/gui/app/components/drive-selector/drive-selector.tsx
View File

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

9
lib/shared/messages.ts
View File

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