react-admin-ui
Version:
React Admin Panel based on material-ui interface Edit
56 lines (50 loc) • 1.17 kB
JSX
import React from 'react'
import Snackbar from './Sections/Snackbar'
import Panel from './Sections/Panel'
import Header from './Sections/Header'
import styled from 'styled-components'
import {renderRoutes} from 'react-router-config'
import {Paper} from 'material-ui'
const Body = styled.div`
background-color: rgb(237, 236, 236);
display: flex;
flex: 1 1 0%;
overflow-y: hidden;
overflow-x: scroll;
`
const Layout = styled.div`
display: flex;
flex-direction: column;
min-height: 100vh;
a{
text-decoration: none;
}
`
const ContentWrapper = styled.div`
flex: 1 1 0%;
padding: 1rem;
`
class Entity extends React.Component {
render() {
return (
<Layout>
<Header/>
<Body>
<Panel/>
<ContentWrapper>
<Paper>
{renderRoutes(this.props.route.routes)}
</Paper>
</ContentWrapper>
<Snackbar/>
</Body>
</Layout>
)
}
}
export {
Entity as default,
Layout,
Body,
ContentWrapper
}