import { Dispatch } from 'redux';
import { connect } from 'react-redux';
import { navigateFromSidePanel } from 'store/side-panel/side-panel-action';
-import { Grid, Tooltip, IconButton } from '@material-ui/core';
+import { Grid } from '@material-ui/core';
import { SidePanelButton } from 'views-components/side-panel-button/side-panel-button';
import { RootState } from 'store/store';
-import MenuIcon from "@material-ui/icons/Menu";
import SidePanelToggle from 'views-components/side-panel-toggle/side-panel-toggle';
const DRAWER_WIDTH = 240;
-type CssRules = 'root';
+type CssRules = 'root' | 'topButtonContainer';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
root: {
height: '100%',
overflowX: 'auto',
width: DRAWER_WIDTH,
+ },
+ topButtonContainer: {
+ display: 'flex',
+ justifyContent: 'space-between'
}
});
<Grid item xs>
{props.isCollapsed ? <SidePanelToggle /> :
<>
- <Grid style={{display: 'flex', justifyContent: 'space-between'}}>
+ <Grid className={classes.topButtonContainer}>
<SidePanelButton key={props.currentRoute} />
<SidePanelToggle/>
</Grid>