Disable Copy Link button while upload is in progress

WordPress · Nov 16, 2020 · e777c4b · e777c4b
1 parent 53a2065
commit e777c4b
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/packages/block-library/src/file/edit.native.js b/packages/block-library/src/file/edit.native.js
@@ -174,12 +174,19 @@ export class FileEdit extends Component {
 		);
 	}
 
-	getInspectorControls( { showDownloadButton, textLinkTarget } ) {
+	getInspectorControls(
+		{ showDownloadButton, textLinkTarget },
+		isUploadInProgress,
+		isUploadFailed
+	) {
 		const actionButtonStyle = this.props.getStylesFromColorScheme(
 			styles.actionButton,
 			styles.actionButtonDark
 		);
 
+		const isCopyUrlDisabled = isUploadFailed || isUploadInProgress;
+		const shouldStyleCopyUrlButton =
+			! isCopyUrlDisabled && ! this.state.isUrlCopied;
 		return (
 			<InspectorControls>
 				<PanelBody title={ __( 'File block settings' ) } />
@@ -197,13 +204,14 @@ export class FileEdit extends Component {
 						onChange={ this.onChangeDownloadButtonVisibility }
 					/>
 					<BottomSheet.Cell
+						disabled={ isCopyUrlDisabled }
 						label={
 							this.state.isUrlCopied
 								? __( 'Copied!' )
 								: __( 'Copy file URL' )
 						}
 						labelStyle={
-							this.state.isUrlCopied || actionButtonStyle
+							shouldStyleCopyUrlButton && actionButtonStyle
 						}
 						onPress={ this.onCopyURL }
 					/>
@@ -278,7 +286,11 @@ export class FileEdit extends Component {
 							{ isUploadInProgress ||
 								this.getToolbarEditButton( openMediaOptions ) }
 							{ getMediaOptions() }
-							{ this.getInspectorControls( attributes ) }
+							{ this.getInspectorControls(
+								attributes,
+								isUploadInProgress,
+								isUploadFailed
+							) }
 							<RichText
 								__unstableMobileNoFocusOnMount
 								onChange={ this.onChangeFileName }