App.js

import React, {Component, useState} from 'react';
import {Route, BrowserRouter, Switch} from 'react-router-dom'
import logo from './logo.svg';
import axios from 'axios'
import {Navbar} from './components/Navbar'
import {Home} from './pages/Home'
import {Monthly} from './pages/Monthly'
import {Daily} from "./pages/Daily";
import './App.css';
import {Form} from "./components/Form";
import {getFormatDate} from "./features/getFormatDate";

class App extends Component{
  constructor(props) {
    super(props);
    this.state={
        username: "",
    }
  }

    render(){
    return (
        <div className="App">
            <header className="App-header">
                <p className='headerText'>Term Project - 201620982</p>
            </header>
            <BrowserRouter>
                <Navbar/>
                <Switch>
                    <Route exact path="/" component={Home}/>
                    <Route path="/Daily" component={Daily}/>
                    <Route path="/Form" component={Form}/>
                </Switch>
            </BrowserRouter>
        </div>
    );
  }
}

export default App;