QA: fix: Paragon updates for bd-39 testing

src/components/AssetsTable/index.jsx

@@ -144,16 +144,15 @@ export default class AssetsTable extends React.Component {
     }
     return (
       <WrappedMessage message={lockStateMessage} values={{ object: asset.display_name }}>
-        { displayText =>
-          (<Button
+        {displayText => (
+          <Button
             className={classes}
-            label={''}
             data-asset-id={asset.id}
             aria-label={displayText}
             onClick={this.onLockClick}
             data-identifier="asset-lock-button"
-          />)
-        }
+          />
+        )}
       </WrappedMessage>
     );
   }
@@ -166,14 +165,15 @@ export default class AssetsTable extends React.Component {
         message={messages.assetsTableUpdateLock}
         values={{ assetName: asset.display_name }}
       >
-        { displayText =>
-          (<Button
+        {displayText => (
+          <Button
             className={['btn-outline-primary']}
-            label={(<span className={classNames(...spinnerClasses)} />)}
             aria-label={displayText}
             data-identifier="asset-locking-button"
-          />)
-        }
+          >
+            <span className={classNames(...spinnerClasses)} />
+          </Button>
+        )}
       </WrappedMessage>
     );
   }
@@ -282,17 +282,16 @@ export default class AssetsTable extends React.Component {
           message={messages.assetsTableDeleteObject}
           values={{ displayName: currentAsset.display_name }}
         >
-          { displayText =>
-            (<Button
+          { displayText => (
+            <Button
               key={currentAsset.id}
               className={[FontAwesomeStyles.fa, FontAwesomeStyles['fa-trash'], 'btn-outline-primary']}
-              label={''}
               aria-label={displayText}
               onClick={() => { this.onDeleteClick(index); }}
               inputRef={ref => this.getAssetDeleteButtonRef(ref, currentAsset)}
               data-identifier="asset-delete-button"
-            />)
-          }
+            />
+          )}
         </WrappedMessage>
       );
 
@@ -370,11 +369,12 @@ export default class AssetsTable extends React.Component {
           onClose={this.closeModal}
           buttons={[
             <Button
-              label={<WrappedMessage message={messages.assetsTablePermaDelete} />}
               buttonType="primary"
               onClick={this.deleteAsset}
               data-identifier="asset-confirm-delete-button"
-            />,
+            >
+              <WrappedMessage message={messages.assetsTablePermaDelete} />
+            </Button>,
           ]}
           variant={{ status: Variant.status.WARNING }}
           parentSelector={`#${modalWrapperID}`}

src/components/BackendStatusBanner/index.jsx

@@ -47,11 +47,12 @@ class BackendStatusBanner extends React.Component {
           )}
         >
           <Button
-            label="↻"
             buttonType="sm"
             className={[styles['btn-outline-primary']]}
             onClick={this.props.pingStudio}
-          />
+          >
+            ↻
+          </Button>
           {' '}
           {this.renderStatusMessage()}
         </div>

src/components/CopyButton/index.jsx

@@ -58,19 +58,19 @@ export default class CopyButton extends React.Component {
 
   render() {
     const label = this.state.wasClicked ? this.props.onCopyLabel : this.props.label;
-
     return (
       <Button
         className={[...this.props.className, styles['copy-button'], 'btn-outline-primary']}
         aria-label={this.props.ariaLabel}
-        label={label}
         inputRef={this.setButtonRef}
         onClick={this.onClick}
         onBlur={this.onBlur}
         onMouseUp={this.onMouseUp}
         onMouseDown={this.onMouseDown}
         data-identifier={this.props['data-identifier']}
-      />
+      >
+        {label}
+      </Button>
     );
   }
 }

src/components/EditImageModal/index.jsx

@@ -740,40 +740,37 @@ export default class EditImageModal extends React.Component {
 
   getNextPageButton = () => (
     <Button
-      label={
-        <WrappedMessage
-          message={messages.editImageModalNextPageButton}
-        />
-      }
       buttonType="primary"
       disabled={!this.isAssetSelected()}
       onClick={this.onNextPageButtonClick}
-    />
+    >
+      <WrappedMessage
+        message={messages.editImageModalNextPageButton}
+      />
+    </Button>
   );
 
   getPreviousPageButton = () => (
     <Button
-      label={
-        <WrappedMessage
-          message={messages.editImageModalPreviousPageButton}
-        />
-      }
       buttonType="link"
       onClick={this.onPreviousPageButtonClick}
       inputRef={this.setPreviousButtonRef}
-    />
+    >
+      <WrappedMessage
+        message={messages.editImageModalPreviousPageButton}
+      />
+    </Button>
   );
 
   getInsertImageButton = () => (
     <Button
-      label={
-        <WrappedMessage
-          message={messages.editImageModalInsertImageButton}
-        />
-      }
       buttonType="primary"
       onClick={this.onInsertImageButtonClick}
-    />
+    >
+      <WrappedMessage
+        message={messages.editImageModalInsertImageButton}
+      />
+    </Button
   );
 
   getUploadErrorStatusMessage = () => {