Replace <React.Fragment> with <>

Change-type: patch
This commit is contained in:
Alexis Svinartchouk 2020-01-15 17:22:10 +01:00
parent d633b36b23
commit 77ece044ad
3 changed files with 8 additions and 8 deletions

View File

@ -321,7 +321,7 @@ export class ImageSelector extends React.Component<
const imageSize = selectionState.getImageSize(); const imageSize = selectionState.getImageSize();
return ( return (
<React.Fragment> <>
<div className="box text-center relative"> <div className="box text-center relative">
<Dropzone multiple={false} onDrop={this.handleOnDrop}> <Dropzone multiple={false} onDrop={this.handleOnDrop}>
{({ getRootProps, getInputProps }) => ( {({ getRootProps, getInputProps }) => (
@ -337,7 +337,7 @@ export class ImageSelector extends React.Component<
<div className="space-vertical-large"> <div className="space-vertical-large">
{hasImage ? ( {hasImage ? (
<React.Fragment> <>
<StepNameButton <StepNameButton
plain plain
onClick={this.showSelectedImageDetails} onClick={this.showSelectedImageDetails}
@ -353,7 +353,7 @@ export class ImageSelector extends React.Component<
<DetailsText> <DetailsText>
{shared.bytesToClosestUnit(imageSize)} {shared.bytesToClosestUnit(imageSize)}
</DetailsText> </DetailsText>
</React.Fragment> </>
) : ( ) : (
<StepSelection> <StepSelection>
<StepButton onClick={this.openImageSelector}> <StepButton onClick={this.openImageSelector}>
@ -407,7 +407,7 @@ export class ImageSelector extends React.Component<
{selectionState.getImagePath()} {selectionState.getImagePath()}
</Modal> </Modal>
)} )}
</React.Fragment> </>
); );
} }
} }

View File

@ -98,10 +98,10 @@ export const DriveSelector = ({
return ( return (
<div className="box text-center relative"> <div className="box text-center relative">
{showStepConnectingLines && ( {showStepConnectingLines && (
<React.Fragment> <>
<StepBorder disabled={disabled} left /> <StepBorder disabled={disabled} left />
<StepBorder disabled={nextStepDisabled} right /> <StepBorder disabled={nextStepDisabled} right />
</React.Fragment> </>
)} )}
<div className="center-block"> <div className="center-block">

View File

@ -219,7 +219,7 @@ export const Flash = ({ shouldFlashStepBeDisabled, goToSuccess }: any) => {
}; };
return ( return (
<React.Fragment> <>
<div className="box text-center"> <div className="box text-center">
<div className="center-block"> <div className="center-block">
<SVGIcon <SVGIcon
@ -308,6 +308,6 @@ export const Flash = ({ shouldFlashStepBeDisabled, goToSuccess }: any) => {
close={() => setShowDriveSelectorModal(false)} close={() => setShowDriveSelectorModal(false)}
></DriveSelectorModal> ></DriveSelectorModal>
)} )}
</React.Fragment> </>
); );
}; };