2016-08-18 11:41:13 +02:00
|
|
|
/**
|
|
|
|
*
|
|
|
|
* App.react.js
|
|
|
|
*
|
|
|
|
* This component is the skeleton around the actual pages, and should only
|
|
|
|
* contain code that should be seen on all pages. (e.g. navigation bar)
|
2016-08-18 11:47:26 +02:00
|
|
|
*
|
|
|
|
* NOTE: while this component should technically be a stateless functional
|
|
|
|
* component (SFC), hot reloading does not currently support SFCs. If hot
|
|
|
|
* reloading is not a neccessity for you then you can refactor it and remove
|
|
|
|
* the linting exception.
|
2016-08-18 11:41:13 +02:00
|
|
|
*/
|
|
|
|
|
|
|
|
import React from 'react';
|
|
|
|
|
|
|
|
import styles from './styles.css';
|
|
|
|
|
2016-08-18 11:47:26 +02:00
|
|
|
export default class App extends React.Component { // eslint-disable-line react/prefer-stateless-function
|
2016-08-18 11:41:13 +02:00
|
|
|
|
2016-08-18 11:47:26 +02:00
|
|
|
static propTypes = {
|
|
|
|
children: React.PropTypes.node,
|
|
|
|
};
|
2016-08-18 11:41:13 +02:00
|
|
|
|
2016-08-18 11:47:26 +02:00
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<div className={styles.container}>
|
|
|
|
{React.Children.toArray(this.props.children)}
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|