1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import Login from '../components/Login';
import withAppContext, { IAppContext } from '../context';
import accountActions from '../redux/account/actions';
import { IReduxState, ReduxDispatch } from '../redux/store';
const mapStateToProps = (state: IReduxState) => {
const tunnelState = state.connection.status;
const blockWhenDisconnected = state.settings.blockWhenDisconnected;
const { accountToken, accountHistory, status } = state.account;
const showBlockMessage = tunnelState.state === 'error' || blockWhenDisconnected;
const isPerformingPostUpgrade = state.userInterface.isPerformingPostUpgrade;
return {
accountToken,
accountHistory,
loginState: status,
showBlockMessage,
isPerformingPostUpgrade,
};
};
const mapDispatchToProps = (dispatch: ReduxDispatch, props: IAppContext) => {
const { resetLoginError, updateAccountToken } = bindActionCreators(accountActions, dispatch);
return {
login: (account: string) => {
void props.app.login(account);
},
resetLoginError: () => {
resetLoginError();
},
openExternalLink: (url: string) => props.app.openUrl(url),
updateAccountToken,
clearAccountHistory: () => props.app.clearAccountHistory(),
createNewAccount: () => void props.app.createNewAccount(),
};
};
export default withAppContext(connect(mapStateToProps, mapDispatchToProps)(Login));
|
