src/views/main-panel/main-panel-root.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import React from 'react';
   6 import { StyleRulesCallback, WithStyles, withStyles, Grid, LinearProgress } from '@material-ui/core';
   7 import { User } from "models/user";
   8 import { ArvadosTheme } from 'common/custom-theme';
   9 import { WorkbenchPanel } from 'views/workbench/workbench';
  10 import { LoginPanel } from 'views/login-panel/login-panel';
  11 import { InactivePanel } from 'views/inactive-panel/inactive-panel';
  12 import { WorkbenchLoadingScreen } from 'views/workbench/workbench-loading-screen';
  13 import { MainAppBar } from 'views-components/main-app-bar/main-app-bar';
  14 import { toggleSidePanel } from 'store/store';
  15
  16 type CssRules = 'root';
  17
  18 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
  19     root: {
  20         overflow: 'hidden',
  21         width: '100vw',
  22         height: '100vh'
  23     }
  24 });
  25
  26 export interface MainPanelRootDataProps {
  27     user?: User;
  28     working: boolean;
  29     loading: boolean;
  30     buildInfo: string;
  31     uuidPrefix: string;
  32     isNotLinking: boolean;
  33     isLinkingPath: boolean;
  34     siteBanner: string;
  35     sessionIdleTimeout: number;
  36     sidePanelIsCollapsed: boolean;
  37 }
  38
  39 type MainPanelRootProps = MainPanelRootDataProps & WithStyles<CssRules>;
  40
  41 export const MainPanelRoot = withStyles(styles)(
  42     (props: MainPanelRootProps | any) =>{
  43         const{ classes, loading, working, user, buildInfo, uuidPrefix,
  44             isNotLinking, isLinkingPath, siteBanner, sessionIdleTimeout, sidePanelIsCollapsed: sidePanelIsCollapsed } = props
  45             return loading
  46             ? <WorkbenchLoadingScreen />
  47             : <>
  48                 {isNotLinking && <MainAppBar
  49                     user={user}
  50                     buildInfo={buildInfo}
  51                     uuidPrefix={uuidPrefix}
  52                     siteBanner={siteBanner}
  53                     sidePanelIsCollapsed={sidePanelIsCollapsed}
  54                     toggleSidePanel={props.toggleSidePanel}
  55                     >
  56                     {working
  57                         ? <LinearProgress color="secondary" data-cy="linear-progress" />
  58                         : null}
  59                 </MainAppBar>}
  60                 <Grid container direction="column" className={classes.root}>
  61                     {user
  62                         ? (user.isActive || (!user.isActive && isLinkingPath)
  63                         ? <WorkbenchPanel isNotLinking={isNotLinking} isUserActive={user.isActive} sessionIdleTimeout={sessionIdleTimeout} sidePanelIsCollapsed={sidePanelIsCollapsed}/>
  64                         : <InactivePanel />)
  65                         : <LoginPanel />}
  66                 </Grid>
  67             </>
  68 }
  69 );