App.js
No OneTemporary
Actions

Subscribers

None

File Metadata

	import React from "react";
	import "./App.css"
	import SearchFilterFields from './pages/SearchFilterFields'
	import Footer from './components/layout/Footer'
	import About from "./pages/About"
	import Help from "./pages/Help"
	import DetailCard from "./components/DetailCard"
	import {Switch, Route } from "react-router-dom"
	import Container from '@material-ui/core/Container';
	import Box from '@material-ui/core/Box'
	import Nav from "./components/layout/Nav"
	import { makeStyles } from '@material-ui/core/styles';
	import Journal from "./components/Journal";
	import DetailsCard from "./components/DetailCard";

	const useStyles = makeStyles((theme) => ({
	root: {
	flexGrow: 1,
	}
	}));

	function App () {
	const classes = useStyles();
	return(


	<div className={classes.root}>


	<Nav />



	<Switch>

	<Route path="/about" exact component={About} />
	<Route path="/help" exact component={Help} />
	<Route path='/api' exact component={() => {
	window.location.href = '/api/';
	return null;
	}}/>
	<Route path='/login' exact component={() => {
	window.location.href = '/admin/';
	return null;
	}}/>
	<Route path="/" component={SearchFilterFields} />
	<Route path="check" component={SearchFilterFields} />
	{/* <Route path="/check" component={DetailsCard} />


	<Route path="/:check/:checkName/:checkId" component={Journal} /> */}




	</Switch>
	<Box style={{ marginTop: "8rem"}}>
	<Footer />
	</Box>

	</div>




	)


	}

	export default App