28 lines
726 B
JavaScript
28 lines
726 B
JavaScript
import React from 'react'
|
|
import { useSelector } from 'react-redux'
|
|
import { Layout } from 'react-admin'
|
|
import { makeStyles } from '@material-ui/core/styles'
|
|
import Menu from './Menu'
|
|
import AppBar from './AppBar'
|
|
import themes from '../themes'
|
|
|
|
const useStyles = makeStyles({
|
|
root: { paddingBottom: (props) => (props.addPadding ? '80px' : 0) },
|
|
})
|
|
|
|
export default (props) => {
|
|
const theme = useSelector((state) => themes[state.theme] || themes.DarkTheme)
|
|
const queue = useSelector((state) => state.queue)
|
|
const classes = useStyles({ addPadding: queue.queue.length > 0 })
|
|
|
|
return (
|
|
<Layout
|
|
{...props}
|
|
className={classes.root}
|
|
menu={Menu}
|
|
appBar={AppBar}
|
|
theme={theme}
|
|
/>
|
|
)
|
|
}
|