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

Remove useless StepSelection component

Browse Source 
Change-type: patch
This commit is contained in:
Alexis Svinartchouk 2020-05-28 13:04:35 +02:00
parent 95ff5c98a8
commit 6db0172a50
2 changed files with 24 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
lib/gui/app/pages/main/Flash.tsx
View File

@ -36,7 +36,6 @@ import { scanner as driveScanner } from '../../modules/drive-scanner';
import * as imageWriter from '../../modules/image-writer';
import * as progressStatus from '../../modules/progress-status';
import * as notification from '../../os/notification';
import { StepSelection } from '../../styled-components';
const COMPLETED_PERCENTAGE = 100;
const SPEED_PRECISION = 2;
@ -261,33 +260,31 @@ export class FlashStep extends React.PureComponent<
/>
</div>
<div className="space-vertical-large">
<StepSelection>
<ProgressButton
type={this.props.step}
active={this.props.isFlashing}
percentage={this.props.percentage}
label={getProgressButtonLabel(
this.props.isFlashing,
this.props.step,
this.props.position,
this.props.percentage,
)}
disabled={this.props.shouldFlashStepBeDisabled}
callback={() => {
this.tryFlash();
}}
/>
{this.props.isFlashing && (
<IconButton
icon={<FontAwesomeIcon icon={faTimes} />}
plain
onClick={imageWriter.cancel}
color="#fff"
hoverIndicator={{ dark: true }}
/>
<div className="space-vertical-large" style={{ display: 'flex' }}>
<ProgressButton
type={this.props.step}
active={this.props.isFlashing}
percentage={this.props.percentage}
label={getProgressButtonLabel(
this.props.isFlashing,
this.props.step,
this.props.position,
this.props.percentage,
)}
</StepSelection>
disabled={this.props.shouldFlashStepBeDisabled}
callback={() => {
this.tryFlash();
}}
/>
{this.props.isFlashing && (
<IconButton
icon={<FontAwesomeIcon icon={faTimes} />}
plain
onClick={imageWriter.cancel}
color="#fff"
hoverIndicator={{ dark: true }}
/>
)}
{!_.isNil(this.props.speed) &&
this.props.percentage !== COMPLETED_PERCENTAGE && (

4
lib/gui/app/styled-components.tsx
View File

@ -123,10 +123,6 @@ export const StepNameButton = styled(Button)`
}
}
`;
export const StepSelection = styled(Flex)`
flex-wrap: wrap;
justify-content: center;
`;
export const Footer = styled(Txt)`
margin-top: 10px;
color: ${colors.dark.disabled.foreground};