X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/9e4b7889a99ff2f76d8029aef3a85c4620178ba3..3c7e3cdc547ad5468421e1c049daa94b0d4b8bc0:/src/views-components/api-token/api-token.tsx diff --git a/src/views-components/api-token/api-token.tsx b/src/views-components/api-token/api-token.tsx index 7656bf8733..e57ba26a51 100644 --- a/src/views-components/api-token/api-token.tsx +++ b/src/views-components/api-token/api-token.tsx @@ -2,35 +2,55 @@ // // SPDX-License-Identifier: AGPL-3.0 -import { Redirect, RouteProps } from "react-router"; -import * as React from "react"; +import { RouteProps } from "react-router"; +import React from "react"; +import { RootState } from "store/store"; import { connect, DispatchProp } from "react-redux"; -import authActions from "../../store/auth/auth-action"; -import { authService, projectService } from "../../services/services"; +import { saveApiToken } from "store/auth/auth-action"; +import { getUrlParameter } from "common/url"; +import { AuthService } from "services/auth-service/auth-service"; +import { navigateToRootProject, navigateToLinkAccount } from "store/navigation/navigation-action"; +import { Config } from "common/config"; +import { getAccountLinkData } from "store/link-account-panel/link-account-panel-actions"; +import { replace } from "react-router-redux"; +import { User } from "models/user"; interface ApiTokenProps { + authService: AuthService; + config: Config; + loadMainApp: boolean; + user?: User; } -class ApiToken extends React.Component, {}> { - static getUrlParameter(search: string, name: string) { - const safeName = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); - const regex = new RegExp('[\\?&]' + safeName + '=([^&#]*)'); - const results = regex.exec(search); - return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); - } +export const ApiToken = connect((state: RootState) => ({ + user: state.auth.user, +}), null)( + class extends React.Component, {}> { + componentDidMount() { + const search = this.props.location ? this.props.location.search : ""; + const apiToken = getUrlParameter(search, 'api_token'); + this.props.dispatch(saveApiToken(apiToken)); + } - componentDidMount() { - const search = this.props.location ? this.props.location.search : ""; - const apiToken = ApiToken.getUrlParameter(search, 'api_token'); - this.props.dispatch(authActions.SAVE_API_TOKEN(apiToken)); - this.props.dispatch(authService.getUserDetails()).then(() => { - const rootUuid = authService.getRootUuid(); - this.props.dispatch(projectService.getProjectList(rootUuid)); - }); - } - render() { - return ; - } -} + componentDidUpdate() { + const redirectURL = this.props.authService.getTargetURL(); + + if (this.props.loadMainApp && this.props.user) { + if (redirectURL) { + this.props.authService.removeTargetURL(); + this.props.dispatch(replace(redirectURL)); + } + else if (this.props.dispatch(getAccountLinkData())) { + this.props.dispatch(navigateToLinkAccount); + } + else { + this.props.dispatch(navigateToRootProject); + } + } + } -export default connect()(ApiToken); + render() { + return
; + } + } +);