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 { toggleSidePanel } from 'store/store';
type CssRules = 'root';
siteBanner: string;
sessionIdleTimeout: number;
sidePanelIsCollapsed: boolean;
+ isTransitioning: boolean;
+ currentSideWidth: number;
}
-type MainPanelRootProps = MainPanelRootDataProps & WithStyles<CssRules>;
+interface MainPanelRootDispatchProps {
+ toggleSidePanel: () => void
+}
+
+type MainPanelRootProps = MainPanelRootDataProps & MainPanelRootDispatchProps & WithStyles<CssRules>;
export const MainPanelRoot = withStyles(styles)(
- (props: MainPanelRootProps | any) =>{
- const{ classes, loading, working, user, buildInfo, uuidPrefix,
- isNotLinking, isLinkingPath, siteBanner, sessionIdleTimeout, sidePanelIsCollapsed: sidePanelIsCollapsed } = props
- return loading
+ ({ classes, loading, working, user, buildInfo, uuidPrefix,
+ isNotLinking, isLinkingPath, siteBanner, sessionIdleTimeout,
+ sidePanelIsCollapsed, isTransitioning, currentSideWidth}: MainPanelRootProps) =>{
+ return loading
? <WorkbenchLoadingScreen />
: <>
- {isNotLinking && <MainAppBar
- user={user}
- buildInfo={buildInfo}
- uuidPrefix={uuidPrefix}
- siteBanner={siteBanner}
- sidePanelIsCollapsed={sidePanelIsCollapsed}
- toggleSidePanel={props.toggleSidePanel}
- >
- {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} sessionIdleTimeout={sessionIdleTimeout} sidePanelIsCollapsed={sidePanelIsCollapsed}/>
- : <InactivePanel />)
- : <LoginPanel />}
- </Grid>
- </>
-}
+ {isNotLinking && <MainAppBar
+ user={user}
+ buildInfo={buildInfo}
+ uuidPrefix={uuidPrefix}
+ siteBanner={siteBanner}
+ sidePanelIsCollapsed={sidePanelIsCollapsed}
+ >
+ {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}
+ sessionIdleTimeout={sessionIdleTimeout}
+ sidePanelIsCollapsed={sidePanelIsCollapsed}
+ isTransitioning={isTransitioning}
+ currentSideWidth={currentSideWidth}/>
+ : <InactivePanel />)
+ : <LoginPanel />}
+ </Grid>
+ </>
+ }
);