jeans/etcher
jeans/etcher
1
0
Fork 0
mirror of https://github.com/balena-io/etcher.git synced 2025-07-23 19:26:33 +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 imageWriter from '../../modules/image-writer';
import * as progressStatus from '../../modules/progress-status'; import * as progressStatus from '../../modules/progress-status';
import * as notification from '../../os/notification'; import * as notification from '../../os/notification';
import { StepSelection } from '../../styled-components';
const COMPLETED_PERCENTAGE = 100; const COMPLETED_PERCENTAGE = 100;
const SPEED_PRECISION = 2; const SPEED_PRECISION = 2;
@ -261,33 +260,31 @@ export class FlashStep extends React.PureComponent<
/> />
</div> </div>
<div className="space-vertical-large"> <div className="space-vertical-large" style={{ display: 'flex' }}>
<StepSelection> <ProgressButton
<ProgressButton type={this.props.step}
type={this.props.step} active={this.props.isFlashing}
active={this.props.isFlashing} percentage={this.props.percentage}
percentage={this.props.percentage} label={getProgressButtonLabel(
label={getProgressButtonLabel( this.props.isFlashing,
this.props.isFlashing, this.props.step,
this.props.step, this.props.position,
this.props.position, this.props.percentage,
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 }}
/>
)} )}
</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) && {!_.isNil(this.props.speed) &&
this.props.percentage !== COMPLETED_PERCENTAGE && ( 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)` export const Footer = styled(Txt)`
margin-top: 10px; margin-top: 10px;
color: ${colors.dark.disabled.foreground}; color: ${colors.dark.disabled.foreground};