diff --git a/ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-content.component.js b/ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-content.component.js index 9a6c3f5c5..affda4c12 100644 --- a/ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-content.component.js +++ b/ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-content.component.js @@ -17,9 +17,7 @@ export default class ConfirmPageContainerContent extends Component { identiconAddress: PropTypes.string, nonce: PropTypes.string, assetImage: PropTypes.string, - subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), subtitleComponent: PropTypes.node, - summaryComponent: PropTypes.node, title: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), titleComponent: PropTypes.node, warning: PropTypes.string, @@ -65,13 +63,11 @@ export default class ConfirmPageContainerContent extends Component { errorMessage, title, titleComponent, - subtitle, subtitleComponent, hideSubtitle, identiconAddress, nonce, assetImage, - summaryComponent, detailsComponent, dataComponent, warning, @@ -88,23 +84,20 @@ export default class ConfirmPageContainerContent extends Component { return (
{warning && } - {summaryComponent || ( - - )} + {this.renderContent()} {(errorKey || errorMessage) && (
diff --git a/ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/confirm-page-container-summary.component.js b/ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/confirm-page-container-summary.component.js index dfa7b63fb..94c3e4279 100644 --- a/ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/confirm-page-container-summary.component.js +++ b/ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/confirm-page-container-summary.component.js @@ -8,7 +8,6 @@ const ConfirmPageContainerSummary = (props) => { action, title, titleComponent, - subtitle, subtitleComponent, hideSubtitle, className, @@ -42,7 +41,7 @@ const ConfirmPageContainerSummary = (props) => {
{hideSubtitle || (
- {subtitleComponent || subtitle} + {subtitleComponent}
)}
@@ -53,7 +52,6 @@ ConfirmPageContainerSummary.propTypes = { action: PropTypes.string, title: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), titleComponent: PropTypes.node, - subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), subtitleComponent: PropTypes.node, hideSubtitle: PropTypes.bool, className: PropTypes.string, diff --git a/ui/app/components/app/confirm-page-container/confirm-page-container.component.js b/ui/app/components/app/confirm-page-container/confirm-page-container.component.js index 45c32b3b6..69f8fdc33 100644 --- a/ui/app/components/app/confirm-page-container/confirm-page-container.component.js +++ b/ui/app/components/app/confirm-page-container/confirm-page-container.component.js @@ -19,7 +19,6 @@ export default class ConfirmPageContainer extends Component { hideSubtitle: PropTypes.bool, onEdit: PropTypes.func, showEdit: PropTypes.bool, - subtitle: PropTypes.string, subtitleComponent: PropTypes.node, title: PropTypes.string, titleComponent: PropTypes.node, @@ -41,7 +40,6 @@ export default class ConfirmPageContainer extends Component { identiconAddress: PropTypes.string, nonce: PropTypes.string, assetImage: PropTypes.string, - summaryComponent: PropTypes.node, warning: PropTypes.string, unapprovedTxCount: PropTypes.number, // Navigation @@ -79,10 +77,8 @@ export default class ConfirmPageContainer extends Component { action, title, titleComponent, - subtitle, subtitleComponent, hideSubtitle, - summaryComponent, detailsComponent, dataComponent, onCancelAll, @@ -146,10 +142,8 @@ export default class ConfirmPageContainer extends Component { action={action} title={title} titleComponent={titleComponent} - subtitle={subtitle} subtitleComponent={subtitleComponent} hideSubtitle={hideSubtitle} - summaryComponent={summaryComponent} detailsComponent={detailsComponent} dataComponent={dataComponent} errorMessage={errorMessage} diff --git a/ui/app/pages/confirm-transaction-base/confirm-transaction-base.component.js b/ui/app/pages/confirm-transaction-base/confirm-transaction-base.component.js index 0b7d82ae0..ec079c3da 100644 --- a/ui/app/pages/confirm-transaction-base/confirm-transaction-base.component.js +++ b/ui/app/pages/confirm-transaction-base/confirm-transaction-base.component.js @@ -70,31 +70,19 @@ export default class ConfirmTransactionBase extends Component { actionKey: PropTypes.string, contentComponent: PropTypes.node, dataComponent: PropTypes.node, - detailsComponent: PropTypes.node, - errorKey: PropTypes.string, - errorMessage: PropTypes.string, primaryTotalTextOverride: PropTypes.oneOfType([ PropTypes.string, PropTypes.node, ]), secondaryTotalTextOverride: PropTypes.string, hideData: PropTypes.bool, - hideDetails: PropTypes.bool, hideSubtitle: PropTypes.bool, identiconAddress: PropTypes.string, - onCancel: PropTypes.func, onEdit: PropTypes.func, - onEditGas: PropTypes.func, - onSubmit: PropTypes.func, setMetaMetricsSendCount: PropTypes.func, metaMetricsSendCount: PropTypes.number, - subtitle: PropTypes.string, subtitleComponent: PropTypes.node, - summaryComponent: PropTypes.node, title: PropTypes.string, - titleComponent: PropTypes.node, - valid: PropTypes.bool, - warning: PropTypes.string, advancedInlineGasShown: PropTypes.bool, insufficientBalance: PropTypes.bool, hideFiatConversion: PropTypes.bool, @@ -212,7 +200,6 @@ export default class ConfirmTransactionBase extends Component { handleEditGas() { const { - onEditGas, showCustomizeGasModal, actionKey, txData: { origin }, @@ -235,21 +222,15 @@ export default class ConfirmTransactionBase extends Component { }, }) - if (onEditGas) { - onEditGas() - } else { - showCustomizeGasModal() - } + showCustomizeGasModal() } renderDetails() { const { - detailsComponent, primaryTotalTextOverride, secondaryTotalTextOverride, hexTransactionFee, hexTransactionTotal, - hideDetails, useNonceField, customNonceValue, updateCustomNonce, @@ -263,100 +244,90 @@ export default class ConfirmTransactionBase extends Component { isMainnet, } = this.props - if (hideDetails) { - return null - } - const notMainnetOrTest = !(isMainnet || process.env.IN_TEST) return ( - detailsComponent || ( -
-
- this.handleEditGas() +
+
+ this.handleEditGas()} + secondaryText={ + hideFiatConversion + ? this.context.t('noConversionRateAvailable') + : '' + } + /> + {advancedInlineGasShown || notMainnetOrTest ? ( + + updateGasAndCalculate({ ...customGas, gasPrice: newGasPrice }) } - secondaryText={ - hideFiatConversion - ? this.context.t('noConversionRateAvailable') - : '' + updateCustomGasLimit={(newGasLimit) => + updateGasAndCalculate({ ...customGas, gasLimit: newGasLimit }) } + customGasPrice={customGas.gasPrice} + customGasLimit={customGas.gasLimit} + insufficientBalance={insufficientBalance} + customPriceIsSafe + isSpeedUp={false} /> - {advancedInlineGasShown || notMainnetOrTest ? ( - - updateGasAndCalculate({ ...customGas, gasPrice: newGasPrice }) - } - updateCustomGasLimit={(newGasLimit) => - updateGasAndCalculate({ ...customGas, gasLimit: newGasLimit }) - } - customGasPrice={customGas.gasPrice} - customGasLimit={customGas.gasLimit} - insufficientBalance={insufficientBalance} - customPriceIsSafe - isSpeedUp={false} - /> - ) : null} -
-
+
+ - -
- {useNonceField ? ( -
-
-
- {this.context.t('nonceFieldHeading')} -
-
- +
+ {useNonceField ? ( +
+
+
+ {this.context.t('nonceFieldHeading')} +
+
+ { + if (!value.length || Number(value) < 0) { + updateCustomNonce('') + } else { + updateCustomNonce(String(Math.floor(value))) } - onChange={({ target: { value } }) => { - if (!value.length || Number(value) < 0) { - updateCustomNonce('') - } else { - updateCustomNonce(String(Math.floor(value))) - } - getNextNonce() - }} - fullWidth - margin="dense" - value={customNonceValue || ''} - /> -
+ getNextNonce() + }} + fullWidth + margin="dense" + value={customNonceValue || ''} + />
- ) : null} -
- ) +
+ ) : null} +
) } @@ -455,7 +426,6 @@ export default class ConfirmTransactionBase extends Component { handleCancel() { const { metricsEvent } = this.context const { - onCancel, txData, cancelTransaction, history, @@ -484,14 +454,10 @@ export default class ConfirmTransactionBase extends Component { }, }) updateCustomNonce('') - if (onCancel) { - onCancel(txData) - } else { - cancelTransaction(txData).then(() => { - clearConfirmTransaction() - history.push(mostRecentOverviewPage) - }) - } + cancelTransaction(txData).then(() => { + clearConfirmTransaction() + history.push(mostRecentOverviewPage) + }) } handleSubmit() { @@ -502,7 +468,6 @@ export default class ConfirmTransactionBase extends Component { clearConfirmTransaction, txData, history, - onSubmit, actionKey, mostRecentOverviewPage, metaMetricsSendCount = 0, @@ -540,42 +505,33 @@ export default class ConfirmTransactionBase extends Component { }) setMetaMetricsSendCount(metaMetricsSendCount + 1).then(() => { - if (onSubmit) { - Promise.resolve(onSubmit(txData)).then(() => { + sendTransaction(txData) + .then(() => { + clearConfirmTransaction() + this.setState( + { + submitting: false, + }, + () => { + history.push(mostRecentOverviewPage) + updateCustomNonce('') + }, + ) + }) + .catch((error) => { this.setState({ submitting: false, + submitError: error.message, }) updateCustomNonce('') }) - } else { - sendTransaction(txData) - .then(() => { - clearConfirmTransaction() - this.setState( - { - submitting: false, - }, - () => { - history.push(mostRecentOverviewPage) - updateCustomNonce('') - }, - ) - }) - .catch((error) => { - this.setState({ - submitting: false, - submitError: error.message, - }) - updateCustomNonce('') - }) - } }) }, ) } renderTitleComponent() { - const { title, titleComponent, hexTransactionAmount } = this.props + const { title, hexTransactionAmount } = this.props // Title string passed in by props takes priority if (title) { @@ -583,25 +539,18 @@ export default class ConfirmTransactionBase extends Component { } return ( - titleComponent || ( - - ) + ) } renderSubtitleComponent() { - const { subtitle, subtitleComponent, hexTransactionAmount } = this.props - - // Subtitle string passed in by props takes priority - if (subtitle) { - return null - } + const { subtitleComponent, hexTransactionAmount } = this.props return ( subtitleComponent || ( @@ -708,20 +657,14 @@ export default class ConfirmTransactionBase extends Component { toEns, toNickname, methodData, - valid: propsValid = true, - errorMessage, - errorKey: propsErrorKey, title, - subtitle, hideSubtitle, identiconAddress, - summaryComponent, contentComponent, onEdit, nonce, customNonceValue, assetImage, - warning, unapprovedTxCount, transactionCategory, hideSenderToRecipient, @@ -765,10 +708,8 @@ export default class ConfirmTransactionBase extends Component { action={functionType} title={title} titleComponent={this.renderTitleComponent()} - subtitle={subtitle} subtitleComponent={this.renderSubtitleComponent()} hideSubtitle={hideSubtitle} - summaryComponent={summaryComponent} detailsComponent={this.renderDetails()} dataComponent={this.renderData(functionType)} contentComponent={contentComponent} @@ -776,9 +717,9 @@ export default class ConfirmTransactionBase extends Component { unapprovedTxCount={unapprovedTxCount} assetImage={assetImage} identiconAddress={identiconAddress} - errorMessage={errorMessage || submitError} - errorKey={propsErrorKey || errorKey} - warning={warning || submitWarning} + errorMessage={submitError} + errorKey={errorKey} + warning={submitWarning} totalTx={totalTx} positionOfCurrentTx={positionOfCurrentTx} nextTxId={nextTxId} @@ -789,7 +730,7 @@ export default class ConfirmTransactionBase extends Component { lastTx={lastTx} ofText={ofText} requestsWaitingText={requestsWaitingText} - disabled={!propsValid || !valid || submitting} + disabled={!valid || submitting} onEdit={() => this.handleEdit()} onCancelAll={() => this.handleCancelAll()} onCancel={() => this.handleCancel()}