Added new props to Layout for footers

• Added:
- new props to Layout for footers
This commit is contained in:
mgabdev 2020-08-06 00:00:41 -05:00
parent 9722fe3a6f
commit 27bee92207

View File

@ -15,6 +15,7 @@ import FloatingActionButton from '../components/floating_action_button'
import Responsive from '../features/ui/util/responsive_component' import Responsive from '../features/ui/util/responsive_component'
import ResponsiveClassesComponent from '../features/ui/util/responsive_classes_component' import ResponsiveClassesComponent from '../features/ui/util/responsive_classes_component'
import Pills from '../components/pills' import Pills from '../components/pills'
import GlobalFooter from '../components/global_footer'
export default class Layout extends PureComponent { export default class Layout extends PureComponent {
@ -27,6 +28,8 @@ export default class Layout extends PureComponent {
noSidebar: PropTypes.bool, noSidebar: PropTypes.bool,
page: PropTypes.string, page: PropTypes.string,
showBackBtn: PropTypes.bool, showBackBtn: PropTypes.bool,
showLinkFooterInSidebar: PropTypes.bool,
showGlobalFooter: PropTypes.bool,
tabs: PropTypes.array, tabs: PropTypes.array,
title: PropTypes.string, title: PropTypes.string,
} }
@ -41,6 +44,8 @@ export default class Layout extends PureComponent {
noSidebar, noSidebar,
page, page,
showBackBtn, showBackBtn,
showLinkFooterInSidebar,
showGlobalFooter,
tabs, tabs,
title, title,
} = this.props } = this.props
@ -50,7 +55,8 @@ export default class Layout extends PureComponent {
width1015PX: 1, width1015PX: 1,
flexRow: 1, flexRow: 1,
justifyContentEnd: 1, justifyContentEnd: 1,
py15: 1, py15: page !== 'group',
pb15: page === 'group',
}) })
return ( return (
@ -89,7 +95,7 @@ export default class Layout extends PureComponent {
} }
{ {
!me && !me &&
<LoggedOutSidebar title={title} /> <LoggedOutSidebar title={title} showLinkFooter={showLinkFooterInSidebar} />
} }
</Responsive> </Responsive>
} }
@ -158,6 +164,10 @@ export default class Layout extends PureComponent {
<Responsive max={BREAKPOINT_EXTRA_SMALL}> <Responsive max={BREAKPOINT_EXTRA_SMALL}>
<FooterBar title={title} /> <FooterBar title={title} />
</Responsive> </Responsive>
{
!me && showGlobalFooter && <GlobalFooter />
}
</div> </div>
) )
} }