gab-social/app/javascript/gabsocial/layouts/compose_layout.js
mgabdev 47cd60f851 Progress
added composer query string functionality for url, text. fixed issue with no user in base_controller, cleaned up video component, albums starting
2020-12-17 23:46:37 -05:00

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