2020-10-04 20:27:52 +02:00
|
|
|
import React, { PureComponent } from 'react';
|
|
|
|
import PropTypes from 'prop-types';
|
2021-02-26 10:42:34 +01:00
|
|
|
import classnames from 'classnames';
|
2020-10-04 20:27:52 +02:00
|
|
|
import { Layout, Content, Footer, Grid, Cell } from 'react-mdl';
|
|
|
|
|
2021-01-07 13:36:13 +01:00
|
|
|
import styles from '../styles.module.scss';
|
2020-10-04 20:27:52 +02:00
|
|
|
import ErrorContainer from '../error/error-container';
|
|
|
|
import Header from '../menu/header';
|
|
|
|
import ShowApiDetailsContainer from '../api/show-api-details-container';
|
|
|
|
import { FooterMenu } from '../menu/footer';
|
|
|
|
|
|
|
|
export default class App extends PureComponent {
|
|
|
|
static propTypes = {
|
|
|
|
location: PropTypes.object.isRequired,
|
|
|
|
};
|
|
|
|
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<Layout fixedHeader>
|
|
|
|
<Header location={this.props.location} />
|
2021-02-26 10:42:34 +01:00
|
|
|
<Content className={classnames('mdl-color--grey-50', styles.contentWrapper)}>
|
|
|
|
<Grid noSpacing className={styles.content}>
|
2020-10-04 20:27:52 +02:00
|
|
|
<Cell col={12}>
|
|
|
|
{this.props.children}
|
|
|
|
<ErrorContainer />
|
|
|
|
</Cell>
|
|
|
|
</Grid>
|
|
|
|
<Footer size="mega">
|
|
|
|
<FooterMenu />
|
|
|
|
<ShowApiDetailsContainer />
|
|
|
|
</Footer>
|
|
|
|
</Content>
|
|
|
|
</Layout>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|