// Copyright (C) The Arvados Authors. All rights reserved.
//
// SPDX-License-Identifier: AGPL-3.0
import * as React from 'react';
import Drawer from '@material-ui/core/Drawer';
import IconButton from "@material-ui/core/IconButton";
import CloseIcon from '@material-ui/icons/Close';
import { StyleRulesCallback, WithStyles, withStyles, Theme } from "@material-ui/core/styles";
import Tabs from '@material-ui/core/Tabs';
import Tab from '@material-ui/core/Tab';
import Typography from '@material-ui/core/Typography';
import * as classnames from "classnames";
import Grid from '@material-ui/core/Grid';
function TabContainer(props: any) {
return (
{props.children}
);
}
export interface DetailsPanelProps {
toggleDrawer: (isOpened: boolean) => void;
isOpened: boolean;
}
class DetailsPanel extends React.Component, {}> {
state = {
tabsValue: 0,
};
handleChange = (event: any, value: boolean) => {
this.setState({ tabsValue: value });
}
render() {
const { classes, toggleDrawer, isOpened } = this.props;
const { tabsValue } = this.state;
return (
toggleDrawer(false)}
classes={{
paper: classes.drawerPaper
}}>
{/* className={classnames([classes.root, { [classes.active]: isActive }])} */}
Tutorial pipeline
toggleDrawer(false)}>
{tabsValue === 0 &&
Type
Size
Location
Owner
Process
---
Projects
me
}
{tabsValue === 1 &&
Type
Size
Location
Owner
Process
---
Projects
me
}
);
}
}
type CssRules = 'drawerPaper' | 'container' | 'headerContainer'
| 'tabsIndicator' | 'tabRoot' | 'tabContainer' | 'tabSelected' | 'gridLabel';
const drawerWidth = 320;
const purple = '#692498';
const styles: StyleRulesCallback = (theme: Theme) => ({
container: {
position: 'relative',
height: 'auto'
},
drawerPaper: {
position: 'relative',
width: drawerWidth
},
headerContainer: {
color: '#A1A1A1',
margin: `${theme.spacing.unit}px 0`
},
tabsIndicator: {
backgroundColor: purple
},
tabRoot: {
color: '#333333',
'&$tabSelected': {
fontWeight: 700,
color: purple
}
},
tabContainer: {
padding: theme.spacing.unit * 3
},
tabSelected: {},
gridLabel: {
color: '#999999',
}
});
export default withStyles(styles)(DetailsPanel);