15088: Handles browser navigation during link account ops

[arvados-workbench2.git] / src / views / main-panel / main-panel-root.tsx

diff --git a/src/views/main-panel/main-panel-root.tsx b/src/views/main-panel/main-panel-root.tsx
index 15149dced0c5c7b07dc4ef6088b54170aab8a5ac..43bc7fbc158ba6c891ff3d87b60dd0f8d5deca74 100644 (file)
--- a/src/views/main-panel/main-panel-root.tsx
+++ b/src/views/main-panel/main-panel-root.tsx
@@ -8,8 +8,10 @@ import { User } from "~/models/user";
 import { ArvadosTheme } from '~/common/custom-theme';
 import { WorkbenchPanel } from '~/views/workbench/workbench';
 import { LoginPanel } from '~/views/login-panel/login-panel';
+import { InactivePanel } from '~/views/inactive-panel/inactive-panel';
 import { WorkbenchLoadingScreen } from '~/views/workbench/workbench-loading-screen';
 import { MainAppBar } from '~/views-components/main-app-bar/main-app-bar';
+import { LinkAccountPanel } from '~/views/link-account-panel/link-account-panel';
 
 type CssRules = 'root';
 
@@ -26,22 +28,26 @@ export interface MainPanelRootDataProps {
     working: boolean;
     loading: boolean;
     buildInfo: string;
+    uuidPrefix: string;
+    isNotLinking: boolean;
+    isLinkingPath: boolean;
 }
 
 type MainPanelRootProps = MainPanelRootDataProps & WithStyles<CssRules>;
 
 export const MainPanelRoot = withStyles(styles)(
-    ({ classes, loading, working, user, buildInfo }: MainPanelRootProps) =>
-        loading 
+    ({ classes, loading, working, user, buildInfo, uuidPrefix, isNotLinking, isLinkingPath }: MainPanelRootProps) =>
+        loading
             ? <WorkbenchLoadingScreen />
             : <>
-                <MainAppBar
+               { isNotLinking && <MainAppBar
                     user={user}
-                    buildInfo={buildInfo}>
+                    buildInfo={buildInfo}
+                    uuidPrefix={uuidPrefix}>
                     {working ? <LinearProgress color="secondary" /> : null}
-                </MainAppBar>
+               </MainAppBar> }
                 <Grid container direction="column" className={classes.root}>
-                    {user ? <WorkbenchPanel /> : <LoginPanel />}
+                    { user ? (user.isActive || (!user.isActive && isLinkingPath) ? <WorkbenchPanel isNotLinking={isNotLinking} isUserActive={user.isActive} /> : <InactivePanel />) : <LoginPanel /> }
                 </Grid>
             </>
-);
\ No newline at end of file
+);