react-admin-ui/src/components/Panel/index.jsx

A React Admin Panel based on material-ui design

import React from 'react'
import Drawler from 'material-ui/Drawer'
import MenuItem from 'material-ui/MenuItem'
import {getEntities, getPrefix} from '../../utils'
import {Link} from 'react-router'

export default class Panel extends React.Component {
    componentDidMount = () => {
        setTimeout(()=> {
            this.props.handleShow('panel')
        }, 100)


    }
    componentWillUnmount = () => {
        this.props.handleClose('panel')

    }

    render() {
        const {open} = this.props
        const entities = getEntities()
        return (
            <Drawler open={open == true} containerStyle={{top: '64px'}} containerClassName='panel__left'>
                {Object.values(entities).filter((item)=>!item.hidden).map((item, index)=>(
                    <Link key={index} to={`/${getPrefix()}/${item.name}`}><MenuItem>{item.title || item.name}</MenuItem></Link>
                ))}
            </Drawler>
        )
    }
}