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

patch: cleanup

Browse Source
This commit is contained in:
Edwin Joassart 2023-10-18 17:38:42 +02:00
parent f5db18def7
commit 562d760616
1 changed files with 42 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
lib/gui/app/components/flash-results/flash-results.tsx
View File

@ -14,30 +14,29 @@
* limitations under the License.
*/
import CircleSvg from '@fortawesome/fontawesome-free/svgs/solid/circle.svg';
import CheckCircleSvg from '@fortawesome/fontawesome-free/svgs/solid/check-circle.svg';
import TimesCircleSvg from '@fortawesome/fontawesome-free/svgs/solid/times-circle.svg';
import outdent from 'outdent';
import * as React from 'react';
import { Flex, FlexProps, Link, TableColumn, Txt } from 'rendition';
import styled from 'styled-components';
import CircleSvg from "@fortawesome/fontawesome-free/svgs/solid/circle.svg";
import CheckCircleSvg from "@fortawesome/fontawesome-free/svgs/solid/check-circle.svg";
import TimesCircleSvg from "@fortawesome/fontawesome-free/svgs/solid/times-circle.svg";
import * as React from "react";
import { Flex, FlexProps, Link, TableColumn, Txt } from "rendition";
import styled from "styled-components";
import { progress } from '../../../../shared/messages';
import { bytesToMegabytes } from '../../../../shared/units';
import { progress } from "../../../../shared/messages";
import { bytesToMegabytes } from "../../../../shared/units";
import FlashSvg from '../../../assets/flash.svg';
import { getDrives } from '../../models/available-drives';
import { resetState } from '../../models/flash-state';
import * as selection from '../../models/selection-state';
import { middleEllipsis } from '../../utils/middle-ellipsis';
import { Modal, Table } from '../../styled-components';
import * as i18next from 'i18next';
import FlashSvg from "../../../assets/flash.svg";
import { getDrives } from "../../models/available-drives";
import { resetState } from "../../models/flash-state";
import * as selection from "../../models/selection-state";
import { middleEllipsis } from "../../utils/middle-ellipsis";
import { Modal, Table } from "../../styled-components";
import * as i18next from "i18next";
const ErrorsTable = styled((props) => <Table<FlashError> {...props} />)`
&&& [data-display='table-head'],
&&& [data-display='table-body'] {
> [data-display='table-row'] {
> [data-display='table-cell'] {
&&& [data-display="table-head"],
&&& [data-display="table-body"] {
> [data-display="table-row"] {
> [data-display="table-cell"] {
&:first-child {
width: 30%;
}
@ -59,11 +58,11 @@ const DoneIcon = (props: {
allFailed: boolean;
}) => {
const svgProps = {
width: '28px',
width: "28px",
fill: props.color,
style: {
marginTop: '-25px',
marginLeft: '13px',
marginTop: "-25px",
marginLeft: "13px",
zIndex: 1,
},
};
@ -83,21 +82,21 @@ export interface FlashError extends Error {
function formattedErrors(errors: FlashError[]) {
return errors
.map((error) => `${error.device}: ${error.message || error.code}`)
.join('\n');
.join("\n");
}
const columns: Array<TableColumn<FlashError>> = [
{
field: 'description',
label: i18next.t('flash.target'),
field: "description",
label: i18next.t("flash.target"),
},
{
field: 'device',
label: i18next.t('flash.location'),
field: "device",
label: i18next.t("flash.location"),
},
{
field: 'message',
label: i18next.t('flash.error'),
field: "message",
label: i18next.t("flash.error"),
render: (message: string, { code }: FlashError) => {
return message ?? code;
},
@ -119,7 +118,7 @@ function getEffectiveSpeed(results: {
export function FlashResults({
goToMain,
image = '',
image = "",
errors,
results,
skip,
@ -143,7 +142,7 @@ export function FlashResults({
const allFailed = !skip && results?.devices?.successful === 0;
const someFailed = results?.devices?.failed !== 0 || errors?.length !== 0;
const effectiveSpeed = bytesToMegabytes(getEffectiveSpeed(results)).toFixed(
1,
1
);
return (
<Flex flexDirection="column" {...props}>
@ -159,16 +158,16 @@ export function FlashResults({
<DoneIcon
skipped={skip}
allFailed={allFailed}
color={allFailed || someFailed ? '#c6c8c9' : '#1ac135'}
color={allFailed || someFailed ? "#c6c8c9" : "#1ac135"}
/>
<Txt>{middleEllipsis(image, 24)}</Txt>
</Flex>
<Txt fontSize={24} color="#fff" mb="17px">
{allFailed
? i18next.t('flash.flashFailed')
: i18next.t('flash.flashCompleted')}
? i18next.t("flash.flashFailed")
: i18next.t("flash.flashCompleted")}
</Txt>
{skip ? <Txt color="#7e8085">{i18next.t('flash.skip')}</Txt> : null}
{skip ? <Txt color="#7e8085">{i18next.t("flash.skip")}</Txt> : null}
</Flex>
<Flex flexDirection="column" color="#7e8085">
{results.devices.successful !== 0 ? (
@ -192,7 +191,7 @@ export function FlashResults({
{progress.failed(errors.length)}
</Txt>
<Link ml="10px" onClick={() => setShowErrorsInfo(true)}>
{i18next.t('flash.moreInfo')}
{i18next.t("flash.moreInfo")}
</Link>
</Flex>
) : null}
@ -201,11 +200,11 @@ export function FlashResults({
fontSize="10px"
style={{
fontWeight: 500,
textAlign: 'center',
textAlign: "center",
}}
tooltip={i18next.t('flash.speedTip')}
tooltip={i18next.t("flash.speedTip")}
>
{i18next.t('flash.speed', { speed: effectiveSpeed })}
{i18next.t("flash.speed", { speed: effectiveSpeed })}
</Txt>
)}
</Flex>
@ -215,11 +214,11 @@ export function FlashResults({
titleElement={
<Flex alignItems="baseline" mb={18}>
<Txt fontSize={24} align="left">
{i18next.t('failedTarget')}
{i18next.t("failedTarget")}
</Txt>
</Flex>
}
action={i18next.t('failedRetry')}
action={i18next.t("failedRetry")}
cancel={() => setShowErrorsInfo(false)}
done={() => {
setShowErrorsInfo(false);
@ -230,7 +229,7 @@ export function FlashResults({
return drive.device;
})
.filter((driveDevice) =>
errors.some((error) => error.device === driveDevice),
errors.some((error) => error.device === driveDevice)
)
.forEach((driveDevice) => selection.selectDrive(driveDevice));
goToMain();