forked from cerc-io/laconic-console
eb6bcd9c95
Use Moustache to create template and set config in page. Use babel plugins to process GQL (and fix GQL queries). Added service type.
38 lines
615 B
JavaScript
38 lines
615 B
JavaScript
//
|
|
// Copyright 2020 DxOS.org
|
|
//
|
|
|
|
import React from 'react';
|
|
import { makeStyles } from '@material-ui/core';
|
|
|
|
const useStyles = makeStyles(() => ({
|
|
root: {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
flex: 1,
|
|
overflow: 'hidden'
|
|
},
|
|
|
|
container: {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
flex: 1,
|
|
overflowY: 'scroll'
|
|
}
|
|
}));
|
|
|
|
const Panel = ({ toolbar, children }) => {
|
|
const classes = useStyles();
|
|
|
|
return (
|
|
<div className={classes.root}>
|
|
{toolbar}
|
|
<div className={classes.container}>
|
|
{children}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Panel;
|