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 import { replace } from "react-router-redux";
  15
  16 interface ApiTokenProps {
  17     authService: AuthService;
  18     config: Config;
  19     loadMainApp: boolean;
  20 }
  21
  22 export const ApiToken = connect()(
  23     class extends React.Component<ApiTokenProps & RouteProps & DispatchProp<any>, {}> {
  24         componentDidMount() {
  25             const search = this.props.location ? this.props.location.search : "";
  26             const apiToken = getUrlParameter(search, 'api_token');
  27             const loadMainApp = this.props.loadMainApp;
  28             this.props.dispatch<any>(saveApiToken(apiToken)).finally(() => {
  29                 const redirectURL = this.props.authService.getTargetURL();
  30
  31                 if (loadMainApp) {
  32                     if (redirectURL) {
  33                         this.props.authService.removeTargetURL();
  34                         this.props.dispatch(replace(redirectURL));
  35                     }
  36                     else if (this.props.dispatch(getAccountLinkData())) {
  37                         this.props.dispatch(navigateToLinkAccount);
  38                     }
  39                     else {
  40                         this.props.dispatch(navigateToRootProject);
  41                     }
  42                 }
  43             });
  44         }
  45         render() {
  46             return <div />;
  47         }
  48     }
  49 );