2021-03-30 15:14:02 +02:00
|
|
|
import React from 'react';
|
2020-10-04 20:27:52 +02:00
|
|
|
import PropTypes from 'prop-types';
|
2021-02-26 10:42:34 +01:00
|
|
|
import classnames from 'classnames';
|
2021-03-30 15:14:02 +02:00
|
|
|
import { makeStyles } from '@material-ui/styles';
|
2021-04-12 15:04:03 +02:00
|
|
|
import { Grid } from '@material-ui/core';
|
2020-10-04 20:27:52 +02:00
|
|
|
|
2021-04-12 15:04:03 +02:00
|
|
|
import styles from '../../styles.module.scss';
|
|
|
|
import ErrorContainer from '../../error/error-container';
|
|
|
|
import Header from '../../menu/Header';
|
|
|
|
import Footer from '../../menu/Footer/Footer';
|
2021-05-04 09:59:42 +02:00
|
|
|
import Proclamation from '../../common/Proclamation/Proclamation';
|
2020-10-04 20:27:52 +02:00
|
|
|
|
2021-03-30 15:14:02 +02:00
|
|
|
const useStyles = makeStyles(theme => ({
|
|
|
|
container: {
|
|
|
|
height: '100%',
|
|
|
|
justifyContent: 'space-between',
|
|
|
|
},
|
|
|
|
}));
|
2020-10-04 20:27:52 +02:00
|
|
|
|
2021-05-04 09:59:42 +02:00
|
|
|
const MainLayout = ({ children, location, uiConfig }) => {
|
2021-03-30 15:14:02 +02:00
|
|
|
const muiStyles = useStyles();
|
|
|
|
|
|
|
|
return (
|
|
|
|
<>
|
|
|
|
<Header location={location} />
|
|
|
|
<Grid container className={muiStyles.container}>
|
|
|
|
<div className={classnames(styles.contentWrapper)}>
|
|
|
|
<Grid item className={styles.content} xs={12} sm={12}>
|
2021-04-12 15:04:03 +02:00
|
|
|
<div className={styles.contentContainer}>
|
2021-05-04 09:59:42 +02:00
|
|
|
<Proclamation toast={uiConfig.toast} />
|
2021-04-12 15:04:03 +02:00
|
|
|
{children}
|
|
|
|
</div>
|
2021-03-30 15:14:02 +02:00
|
|
|
<ErrorContainer />
|
2020-10-04 20:27:52 +02:00
|
|
|
</Grid>
|
2021-03-30 15:14:02 +02:00
|
|
|
</div>
|
2021-04-12 15:04:03 +02:00
|
|
|
<Footer />
|
2021-03-30 15:14:02 +02:00
|
|
|
</Grid>
|
|
|
|
</>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
2021-04-12 15:04:03 +02:00
|
|
|
MainLayout.propTypes = {
|
2021-03-30 15:14:02 +02:00
|
|
|
location: PropTypes.object.isRequired,
|
|
|
|
};
|
|
|
|
|
2021-04-12 15:04:03 +02:00
|
|
|
export default MainLayout;
|