37 lines
892 B
JavaScript
37 lines
892 B
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { me } from '../initial_state'
|
|
import { CX } from '../constants'
|
|
import ComposeNavigationBar from '../components/navigation_bar/compose_navigation_bar_xs'
|
|
|
|
class ComposeLayout extends React.PureComponent {
|
|
|
|
render() {
|
|
const { children, isXS } = this.props
|
|
|
|
const mainClasses = CX({
|
|
d: 1,
|
|
w100PC: 1,
|
|
flexGrow1: 1,
|
|
borderRight1PX: !isXS,
|
|
borderLeft1PX: !isXS,
|
|
borderColorSecondary: !isXS,
|
|
})
|
|
|
|
return (
|
|
<div className={[_s.d, _s.w100PC, _s.maxW640PX, _s.mlAuto, _s.mrAuto, _s.minH100VH, _s.bgTertiary].join(' ')}>
|
|
<ComposeNavigationBar isXS={isXS} />
|
|
<main role='main' className={mainClasses}>
|
|
{ children }
|
|
</main>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
}
|
|
|
|
ComposeLayout.propTypes = {
|
|
children: PropTypes.node,
|
|
}
|
|
|
|
export default ComposeLayout |