Files
navidrome/ui/src/layout/Layout.js
2020-03-31 18:31:14 -04:00

27 lines
599 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: '80px' }
})
export default (props) => {
const classes = useStyles()
const theme = useSelector((state) => themes[state.theme] || themes.DarkTheme)
return (
<Layout
{...props}
className={classes.root}
menu={Menu}
appBar={AppBar}
theme={theme}
/>
)
}