feat: connect payment method to state and display different content based on account state

1 files changed, 3 insertions, 1 deletions

diff --git a/packages/instant/src/containers/connected_account_payment_method.ts b/packages/instant/src/containers/connected_account_payment_method.ts
index ea9531a3e..a1ebe7125 100644
--- a/packages/instant/src/containers/connected_account_payment_method.ts
+++ b/packages/instant/src/containers/connected_account_payment_method.ts
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { connect } from 'react-redux';
 
 import { State } from '../redux/reducer';
-import { Account } from '../types';
+import { Account, Network } from '../types';
 
 import { PaymentMethod } from '../components/payment_method';
 
@@ -10,10 +10,12 @@ export interface ConnectedAccountPaymentMethodProps {}
 
 interface ConnectedState {
     account: Account;
+    network: Network;
 }
 
 const mapStateToProps = (state: State, _ownProps: ConnectedAccountPaymentMethodProps): ConnectedState => ({
     account: state.providerState.account,
+    network: state.network,
 });
 
 export const ConnectedAccountPaymentMethod: React.ComponentClass<ConnectedAccountPaymentMethodProps> = connect(