1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as 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';
15 type CssRules = 'root';
17 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
25 export interface MainPanelRootDataProps {
33 type MainPanelRootProps = MainPanelRootDataProps & WithStyles<CssRules>;
35 export const MainPanelRoot = withStyles(styles)(
36 ({ classes, loading, working, user, buildInfo, uuidPrefix }: MainPanelRootProps) =>
38 ? <WorkbenchLoadingScreen />
43 uuidPrefix={uuidPrefix}>
44 {working ? <LinearProgress color="secondary" /> : null}
46 <Grid container direction="column" className={classes.root}>
47 {user ? (user.isActive ? <WorkbenchPanel /> : <InactivePanel />) : <LoginPanel />}