App.js
No OneTemporary
Actions

Subscribers

None

File Metadata

	import React from "react";
	import ReactDOM from "react-dom";
	import NavBar from "./layout/NavBar";
	import { Container, Row, Col } from 'react-bootstrap';
	// import SearchJournalFields from './searchjournalfields'
	import SearchFilterFields from '../pages/SearchFilterFields'
	import Footer from './layout/Footer'
	import About from "../pages/About"
	import {BrowserRouter as Router,
	Switch,
	Route,
	}
	from "react-router-dom"

	import Nav from "./layout/Nav"

	function App () {

	return(
	<Router>

	<Container fluid>
	<Row>

	<Col> <Nav /> </Col>

	</Row>
	<Switch>
	<Route exact path="/test">
	<About />
	</Route>
	<Route path="/search1">
	<h1>search1</h1>
	</Route>
	<Route exact path="/">
	<Row>
	{ < SearchFilterFields /> }
	</Row>
	</Route>
	</Switch>


	<Footer />

	</Container>
	</Router>
	)


	}

	ReactDOM.render(<App/>, document.getElementById('app'))