16212: Set focus on username input element.
[arvados.git] / src / views-components / api-token / api-token.tsx
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import { RouteProps } from "react-router";
6 import * as React from "react";
7 import { connect, DispatchProp } from "react-redux";
8 import { saveApiToken } from "~/store/auth/auth-action";
9 import { getUrlParameter } from "~/common/url";
10 import { AuthService } from "~/services/auth-service/auth-service";
11 import { navigateToRootProject, navigateToLinkAccount } from "~/store/navigation/navigation-action";
12 import { Config } from "~/common/config";
13 import { getAccountLinkData } from "~/store/link-account-panel/link-account-panel-actions";
14
15 interface ApiTokenProps {
16     authService: AuthService;
17     config: Config;
18     loadMainApp: boolean;
19 }
20
21 export const ApiToken = connect()(
22     class extends React.Component<ApiTokenProps & RouteProps & DispatchProp<any>, {}> {
23         componentDidMount() {
24             const search = this.props.location ? this.props.location.search : "";
25             const apiToken = getUrlParameter(search, 'api_token');
26             const loadMainApp = this.props.loadMainApp;
27             this.props.dispatch<any>(saveApiToken(apiToken)).finally(() => {
28                 if (loadMainApp) {
29                     if (this.props.dispatch(getAccountLinkData())) {
30                         this.props.dispatch(navigateToLinkAccount);
31                     }
32                     else {
33                         this.props.dispatch(navigateToRootProject);
34                     }
35                 }
36             });
37         }
38         render() {
39             return <div />;
40         }
41     }
42 );