15088: Adds invalid states and UI and improves action error handling
[arvados.git] / src / views / link-account-panel / link-account-panel.tsx
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import { RootState } from '~/store/store';
6 import { Dispatch } from 'redux';
7 import { connect } from 'react-redux';
8 import { saveAccountLinkData, removeAccountLinkData, linkAccount } from '~/store/link-account-panel/link-account-panel-actions';
9 import { LinkAccountType } from '~/models/link-account';
10 import {
11     LinkAccountPanelRoot,
12     LinkAccountPanelRootDataProps,
13     LinkAccountPanelRootActionProps
14 } from '~/views/link-account-panel/link-account-panel-root';
15
16 const mapStateToProps = (state: RootState): LinkAccountPanelRootDataProps => {
17     return {
18         user: state.linkAccountPanel.user,
19         userToLink: state.linkAccountPanel.userToLink,
20         status: state.linkAccountPanel.status,
21         error: state.linkAccountPanel.error
22     };
23 };
24
25 const mapDispatchToProps = (dispatch: Dispatch): LinkAccountPanelRootActionProps => ({
26     saveAccountLinkData: (type: LinkAccountType) => dispatch<any>(saveAccountLinkData(type)),
27     removeAccountLinkData: () => dispatch<any>(removeAccountLinkData()),
28     linkAccount: () => dispatch<any>(linkAccount())
29 });
30
31 export const LinkAccountPanel = connect(mapStateToProps, mapDispatchToProps)(LinkAccountPanelRoot);