You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

39 lines
921 B
JavaScript

import React from 'react'
import AuthContext from './AuthContext'
import Meta from './Meta'
import Header from './Header'
import Footer from './Footer'
import Announcement from './Announcement'
class Page extends React.Component {
render() {
const { children, enableHeroText } = this.props
return (
<main className="main mt4 mb4">
<Meta />
<AuthContext>
<Announcement />
<Header enableHeroText={enableHeroText} />
<div className="page">{children}</div>
</AuthContext>
<Footer />
<style jsx>
{`
.main {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
min-width: 1080px; // temporary fix for mobile overflow issue
}
`}
</style>
</main>
)
}
}
export default Page