64 lines
1.1 KiB
JavaScript
64 lines
1.1 KiB
JavaScript
import React, { Component } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { withStyles } from '@material-ui/core/styles'
|
|
|
|
import Grid from '@material-ui/core/Grid'
|
|
|
|
import DashTeam from './components/DashTeam'
|
|
import DashEditor from './components/DashEditor'
|
|
|
|
const styles = theme => ({
|
|
root: {
|
|
display: 'flex'
|
|
},
|
|
card: {
|
|
display: 'flex',
|
|
width: '100%'
|
|
},
|
|
cardDetails: {
|
|
display: 'flex',
|
|
flex: 1
|
|
},
|
|
cardContent: {
|
|
flex: 1
|
|
},
|
|
cardMedia: {
|
|
flex: 1,
|
|
width: 160,
|
|
height: 160,
|
|
justifyContent: 'flex-start'
|
|
},
|
|
buttonRight: {
|
|
justifyContent: 'flex-end'
|
|
},
|
|
aawebMedia: {
|
|
width: '100%',
|
|
height: 320
|
|
},
|
|
dashLink: {
|
|
float: 'right',
|
|
color: '#111',
|
|
fontSize: 16,
|
|
textDecoration: 'none',
|
|
paddingRight: '1em'
|
|
}
|
|
})
|
|
|
|
export class Overview extends Component {
|
|
render () {
|
|
const { classes } = this.props
|
|
return (
|
|
<Grid container spacing={24}>
|
|
<DashTeam classes={classes} />
|
|
<DashEditor classes={classes} />
|
|
</Grid>
|
|
)
|
|
}
|
|
}
|
|
|
|
Overview.propTypes = {
|
|
classes: PropTypes.object.isRequired
|
|
}
|
|
|
|
export default withStyles(styles)(Overview)
|