App.js

import React, { Component } from "react";
import "../assets/css/App.min.css";
import { BrowserRouter, Route, Switch } from "react-router-dom";

import Home from "../components/Home";
import FindDonor from "../components/FindDonor";
import BeDonor from "../components/BeDonor";
import LoginPanel from "../components/LoginPanel";

class App extends Component {
  render() {
    return (
      <React.Fragment>
        <BrowserRouter>
          <Switch>
            <Route path="/" component={Home} exact />
            <Route path="/find-donor" component={FindDonor} />
            <Route path="/be-donor" component={BeDonor} />
            <Route path="/login-panel" component={LoginPanel} />
          </Switch>
        </BrowserRouter>
      </React.Fragment>
    );
  }
}

export default App;