27 lines
853 B
JavaScript
27 lines
853 B
JavaScript
import { ThemeProvider } from '@mui/material/styles';
|
|
import { memo } from 'react';
|
|
import { useSelector } from 'react-redux';
|
|
import { selectFuseCurrentLayoutConfig, selectNavbarTheme } from 'app/store/fuse/settingsSlice';
|
|
import { selectFuseNavbar } from 'app/store/fuse/navbarSlice';
|
|
import NavbarLayout1 from './navbar/NavbarLayout1';
|
|
import NavbarToggleFab from '../../shared-components/NavbarToggleFab';
|
|
|
|
function NavbarWrapperLayout1(props) {
|
|
const config = useSelector(selectFuseCurrentLayoutConfig);
|
|
const navbar = useSelector(selectFuseNavbar);
|
|
|
|
const navbarTheme = useSelector(selectNavbarTheme);
|
|
|
|
return (
|
|
<>
|
|
<ThemeProvider theme={navbarTheme}>
|
|
<NavbarLayout1 />
|
|
</ThemeProvider>
|
|
|
|
{config.navbar.display && !navbar.open && <NavbarToggleFab />}
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default memo(NavbarWrapperLayout1);
|