X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/e5b901f7d6f87b56f43d3dbe002c9c90a3d41349..9a37cc202448e431064b247d36ac0229a6bfa9b2:/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 e4ba4914..43c55a92 100644 --- a/src/views-components/api-token/api-token.tsx +++ b/src/views-components/api-token/api-token.tsx @@ -2,36 +2,36 @@ // // SPDX-License-Identifier: AGPL-3.0 -import { Redirect, RouteProps } from "react-router"; +import { RouteProps } from "react-router"; import * as React from "react"; import { connect, DispatchProp } from "react-redux"; -import authActions, { getUserDetails } from "../../store/auth/auth-action"; -import { authService } from "../../services/services"; -import { getProjectList } from "../../store/project/project-action"; +import { authActions, getUserDetails, saveApiToken } from "~/store/auth/auth-action"; +import { getUrlParameter } from "~/common/url"; +import { AuthService } from "~/services/auth-service/auth-service"; +import { navigateToRootProject } from "~/store/navigation/navigation-action"; +import { User } from "~/models/user"; +import { Config } from "~/common/config"; +import { initSessions } from "~/store/auth/auth-action-session"; interface ApiTokenProps { + authService: AuthService; + config: Config; } -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()( + 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)); + this.props.dispatch(getUserDetails()).then((user: User) => { + this.props.dispatch(initSessions(this.props.authService, this.props.config, user)); + }).finally(() => { + this.props.dispatch(navigateToRootProject); + }); + } + render() { + return
; + } } - - 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(getUserDetails()).then(() => { - const rootUuid = authService.getRootUuid(); - this.props.dispatch(getProjectList(rootUuid)); - }); - } - render() { - return ; - } -} - -export default connect()(ApiToken); +);