mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-13 14:44:43 -04:00
36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
/*
|
|
* SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
import { useApplyDarkModeStyle } from '../../hooks/dark-mode/use-apply-dark-mode-style'
|
|
import { useSaveDarkModePreferenceToLocalStorage } from '../../hooks/dark-mode/use-save-dark-mode-preference-to-local-storage'
|
|
import { MotdModal } from '../common/motd-modal/motd-modal'
|
|
import { Footer } from './footer/footer'
|
|
import { HeaderBar } from './navigation/header-bar/header-bar'
|
|
import type { PropsWithChildren } from 'react'
|
|
import React from 'react'
|
|
import { Container } from 'react-bootstrap'
|
|
|
|
/**
|
|
* Renders the layout for both intro and history page.
|
|
*
|
|
* @param children The children that should be rendered on the page.
|
|
*/
|
|
export const LandingLayout: React.FC<PropsWithChildren> = ({ children }) => {
|
|
useApplyDarkModeStyle()
|
|
useSaveDarkModePreferenceToLocalStorage()
|
|
|
|
return (
|
|
<div>
|
|
<MotdModal />
|
|
<Container className='d-flex flex-column mvh-100'>
|
|
<HeaderBar />
|
|
<div className={'d-flex flex-column justify-content-between flex-fill text-center'}>
|
|
<main>{children}</main>
|
|
<Footer />
|
|
</div>
|
|
</Container>
|
|
</div>
|
|
)
|
|
}
|