diff --git a/src/containers/PayoutDetailsForm/PayoutDetailsForm.css b/src/containers/PayoutDetailsForm/PayoutDetailsForm.css
index a3903c97..f5279120 100644
--- a/src/containers/PayoutDetailsForm/PayoutDetailsForm.css
+++ b/src/containers/PayoutDetailsForm/PayoutDetailsForm.css
@@ -3,6 +3,10 @@
.root {
}
+.disabled {
+ opacity: 0.5;
+}
+
.sectionContainer {
margin-bottom: 35px;
diff --git a/src/containers/PayoutDetailsForm/PayoutDetailsForm.js b/src/containers/PayoutDetailsForm/PayoutDetailsForm.js
index 04805391..158731e7 100644
--- a/src/containers/PayoutDetailsForm/PayoutDetailsForm.js
+++ b/src/containers/PayoutDetailsForm/PayoutDetailsForm.js
@@ -50,6 +50,7 @@ const PayoutDetailsFormComponent = props => {
form,
disabled,
inProgress,
+ ready,
handleSubmit,
pristine,
submitting,
@@ -134,6 +135,7 @@ const PayoutDetailsFormComponent = props => {
const addressSection = showAddressFields ? (
{
/>
{
clearOnUnmount
/>
{
{
) : null;
- const classes = classNames(css.root, className);
- const submitReady = false;
+ const classes = classNames(css.root, className, {
+ [css.disabled]: disabled,
+ });
const submitInProgress = submitting || inProgress;
const submitDisabled = pristine || invalid || disabled || submitInProgress;
@@ -217,6 +223,7 @@ const PayoutDetailsFormComponent = props => {
{
validate={firstNameRequired}
/>
{
/>
{
{
type="submit"
inProgress={submitInProgress}
disabled={submitDisabled}
- ready={submitReady}
+ ready={ready}
>
@@ -288,6 +298,7 @@ PayoutDetailsFormComponent.defaultProps = {
createStripeAccountError: null,
disabled: false,
inProgress: false,
+ ready: false,
};
const { bool, object, string } = PropTypes;
@@ -298,6 +309,7 @@ PayoutDetailsFormComponent.propTypes = {
createStripeAccountError: object,
disabled: bool,
inProgress: bool,
+ ready: bool,
// from mapStateToProps
country: string,