31 lines
775 B
JavaScript
31 lines
775 B
JavaScript
// Hooks
|
|
import { useRouter } from 'next/router'
|
|
// Components
|
|
import { Header } from 'site/components/header.mjs'
|
|
import { Footer } from 'site/components/footer.mjs'
|
|
|
|
export const LayoutWrapper = ({ app, children = [] }) => {
|
|
const startNavigation = () => {
|
|
app.startLoading()
|
|
// Force close of menu on mobile if it is open
|
|
if (app.primaryMenu) app.setPrimaryMenu(false)
|
|
}
|
|
|
|
const router = useRouter()
|
|
router.events?.on('routeChangeStart', startNavigation)
|
|
router.events?.on('routeChangeComplete', app.stopLoading)
|
|
|
|
return (
|
|
<div
|
|
className={`
|
|
flex flex-col justify-between
|
|
min-h-screen
|
|
bg-base-100
|
|
`}
|
|
>
|
|
<Header app={app} />
|
|
<main className="grow">{children}</main>
|
|
<Footer app={app} />
|
|
</div>
|
|
)
|
|
}
|