diff --git a/src/ui/component/walletSendTip/view.jsx b/src/ui/component/walletSendTip/view.jsx index bd03e1b97..cadb8d127 100644 --- a/src/ui/component/walletSendTip/view.jsx +++ b/src/ui/component/walletSendTip/view.jsx @@ -96,6 +96,7 @@ class WalletSendTip extends React.PureComponent { label={__('Send')} disabled={isPending || tipError || !tipAmount} onClick={this.handleSendButtonClicked} + type="submit" /> } helper={ diff --git a/src/ui/modal/modalConfirmTransaction/view.jsx b/src/ui/modal/modalConfirmTransaction/view.jsx index f22203f4f..72b9cee6d 100644 --- a/src/ui/modal/modalConfirmTransaction/view.jsx +++ b/src/ui/modal/modalConfirmTransaction/view.jsx @@ -1,5 +1,7 @@ // @flow import React from 'react'; +import Button from 'component/button'; +import { Form } from 'component/common/form'; import { Modal } from 'modal/modal'; type Props = { @@ -23,18 +25,20 @@ class ModalConfirmTransaction extends React.PureComponent { isOpen title={__('Send LBC')} contentLabel={__('Confirm Transaction')} - type="confirm" - confirmButtonLabel={__('Send')} - onConfirmed={() => this.onConfirmed()} + type="custom" onAborted={closeModal} > -
+
this.onConfirmed()}>

{__('Sending: ')}

{amount} LBC

{__('To address: ')}

{address}

{__('Once the transaction is sent, it cannot be reversed.')}

-
+
+
+ ); } diff --git a/src/ui/modal/modalRemoveFile/view.jsx b/src/ui/modal/modalRemoveFile/view.jsx index ffd3ab354..1a24d05c6 100644 --- a/src/ui/modal/modalRemoveFile/view.jsx +++ b/src/ui/modal/modalRemoveFile/view.jsx @@ -1,7 +1,8 @@ // @flow import React from 'react'; import { Modal } from 'modal/modal'; -import { FormField } from 'component/common/form'; +import { Form, FormField } from 'component/common/form'; +import Button from 'component/button'; import usePersistedState from 'util/use-persisted-state'; type Props = { @@ -23,22 +24,13 @@ function ModalRemoveFile(props: Props) { const outpoint = fileInfo ? fileInfo.outpoint : `${txid}:${nout}`; return ( - deleteFile(outpoint || '', deleteChecked, abandonChecked)} - onAborted={closeModal} - > +

{__("Are you sure you'd like to remove")} {`"${title}"`} {__('from the LBRY app?')}

-
+
deleteFile(outpoint || '', deleteChecked, abandonChecked)}> setAbandonChecked(!abandonChecked)} /> )} -
+
+
+
); } diff --git a/src/ui/modal/modalWalletEncrypt/view.jsx b/src/ui/modal/modalWalletEncrypt/view.jsx index e4c2bd22a..935383de9 100644 --- a/src/ui/modal/modalWalletEncrypt/view.jsx +++ b/src/ui/modal/modalWalletEncrypt/view.jsx @@ -1,6 +1,6 @@ // @flow import React from 'react'; -import { Form, FormField } from 'component/common/form'; +import { Form, FormField, Submit } from 'component/common/form'; import { Modal } from 'modal/modal'; import Button from 'component/button'; @@ -94,9 +94,7 @@ class ModalWalletEncrypt extends React.PureComponent { isOpen title={__('Encrypt Wallet')} contentLabel={__('Encrypt Wallet')} - type="confirm" - confirmButtonLabel={__('Encrypt Wallet')} - abortButtonLabel={__('Cancel')} + type="custom" onConfirmed={() => this.submitEncryptForm()} onAborted={closeModal} > @@ -135,6 +133,7 @@ class ModalWalletEncrypt extends React.PureComponent { )} } error={understandError === true ? 'You must enter "I understand"' : false} label={__('Enter "I understand"')} placeholder={__('Dear computer, I understand')} @@ -144,6 +143,9 @@ class ModalWalletEncrypt extends React.PureComponent { /> {failMessage &&
{__(failMessage)}
} +
+
); }