Merge branch '21128-toolbar-context-menu'

[arvados-workbench2.git] / 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 e4ba4914a3518e95c557f3f93cc28293717dbd63..e57ba26a51fcf0f9223f8faff57453a45472f94d 100644 (file)
--- a/src/views-components/api-token/api-token.tsx
+++ b/src/views-components/api-token/api-token.tsx
@@ -2,36 +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, { getUserDetails } from "../../store/auth/auth-action";
-import { authService } from "../../services/services";
-import { getProjectList } from "../../store/project/project-action";
+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<ApiTokenProps & RouteProps & DispatchProp<any>, {}> {
-    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<ApiTokenProps & RouteProps & DispatchProp<any>, {}> {
+        componentDidMount() {
+            const search = this.props.location ? this.props.location.search : "";
+            const apiToken = getUrlParameter(search, 'api_token');
+            this.props.dispatch<any>(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<any>(getUserDetails()).then(() => {
-            const rootUuid = authService.getRootUuid();
-            this.props.dispatch(getProjectList(rootUuid));
-        });
-    }
-    render() {
-        return <Redirect to="/"/>;
-    }
-}
+        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 <div />;
+        }
+    }
+);