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';
uuidPrefix: string;
isNotLinking: boolean;
isLinkingPath: boolean;
+ siteBanner: string;
+ sessionIdleTimeout: number;
}
type MainPanelRootProps = MainPanelRootDataProps & WithStyles<CssRules>;
export const MainPanelRoot = withStyles(styles)(
- ({ classes, loading, working, user, buildInfo, uuidPrefix, isNotLinking, isLinkingPath }: MainPanelRootProps) =>
+ ({ classes, loading, working, user, buildInfo, uuidPrefix,
+ isNotLinking, isLinkingPath, siteBanner, sessionIdleTimeout }: MainPanelRootProps) =>
loading
? <WorkbenchLoadingScreen />
: <>
- { isNotLinking && <MainAppBar
+ {isNotLinking && <MainAppBar
user={user}
buildInfo={buildInfo}
- uuidPrefix={uuidPrefix}>
- {working ? <LinearProgress color="secondary" /> : null}
- </MainAppBar> }
+ uuidPrefix={uuidPrefix}
+ siteBanner={siteBanner}>
+ {working
+ ? <LinearProgress color="secondary" data-cy="linear-progress" />
+ : null}
+ </MainAppBar>}
<Grid container direction="column" className={classes.root}>
- { user ? (user.isActive || (!user.isActive && isLinkingPath) ? <WorkbenchPanel isNotLinking={isNotLinking} isUserActive={user.isActive} /> : <InactivePanel />) : <LoginPanel /> }
+ {user
+ ? (user.isActive || (!user.isActive && isLinkingPath)
+ ? <WorkbenchPanel isNotLinking={isNotLinking} isUserActive={user.isActive} sessionIdleTimeout={sessionIdleTimeout} />
+ : <InactivePanel />)
+ : <LoginPanel />}
</Grid>
</>
);