1
0
mirror of https://github.com/ascribe/onion.git synced 2024-12-23 01:39:36 +01:00
onion/js/components/ascribe_app.js

34 lines
968 B
JavaScript

import React from 'react';
import AppBase from './app_base';
import AppRouteWrapper from './app_route_wrapper';
import Footer from './footer';
import Header from './header';
const AscribeApp = React.createClass({
propTypes: {
activeRoute: React.PropTypes.object.isRequired,
children: React.PropTypes.element.isRequired,
routes: React.PropTypes.arrayOf(React.PropTypes.object).isRequired,
},
render() {
const { activeRoute, children, routes } = this.props;
const showFooter = activeRoute && activeRoute.footer;
return (
<div className="ascribe-app ascribe-default-app">
<Header routes={routes} />
<AppRouteWrapper>
{/* Routes are injected here */}
{children}
</AppRouteWrapper>
{showFooter ? <Footer /> : null}
</div>
);
}
});
export default AppBase(AscribeApp);