gab-social/app/javascript/gabsocial/pages/modal_page.js
mgabdev 2d44027cef Added Block wrapper to ModalPage
• Added:
- Block wrapper to ModalPage
2020-08-06 00:12:35 -05:00

43 lines
998 B
JavaScript

import PageTitle from '../features/ui/util/page_title'
import LinkFooter from '../components/link_footer'
import WhoToFollowPanel from '../components/panel/who_to_follow_panel'
import Block from '../components/block'
import DefaultLayout from '../layouts/default_layout'
export default class ModalPage extends PureComponent {
static propTypes = {
title: PropTypes.string,
page: PropTypes.string,
children: PropTypes.node,
}
render() {
const {
children,
title,
page,
} = this.props
return (
<DefaultLayout
title={title}
page={page}
layout={[
<WhoToFollowPanel key='modal-page-wtf-panel' />,
<LinkFooter key='search-page-link-footer' />,
]}
showBackBtn
>
<PageTitle path={title} />
<Block>
<div className={[_s.default, _s.py15, _s.px15].join(' ')}>
{children}
</div>
</Block>
</DefaultLayout>
)
}
}