frontend/src/pages/folderShare.app.js

import React, { Component } from 'react';
import PropTypes from 'prop-types';

import Navbar from "../component/Navbar.js"
import AlertBar from "../component/Snackbar"
import FileManager from "../component/FileManager/FileManager"
import { createMuiTheme } from '@material-ui/core/styles';

import { CssBaseline, withStyles, MuiThemeProvider } from '@material-ui/core';

const theme = createMuiTheme(window.colorTheme);
const styles = theme => ({

	root: {
		display: 'flex',
	},
	content: {
		flexGrow: 1,
		padding: theme.spacing(0),
		minWidth: 0,
	},
	toolbar: theme.mixins.toolbar,
});

class FolderShareApp extends Component {

	render() {
		const { classes } = this.props;
		return (
			<React.Fragment>
				<MuiThemeProvider theme={theme}>
					<div className={classes.root} id="container">
						<CssBaseline />
						<AlertBar/>
						<Navbar />
						<main className={classes.content}>
							<div className={classes.toolbar} />
							<FileManager/>
						</main>
					</div></MuiThemeProvider>
			</React.Fragment>
		);
	}
}

FolderShareApp.propTypes = {
	classes: PropTypes.object.isRequired,
};

export default withStyles(styles)(FolderShareApp);