index.js

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter, Route, withRouter } from 'react-router-dom';
import Navbar from './components/Navbar';
import Welcome from './components/Welcome';
import Footer from './components/Footer';
import Login from './components/Login';
import SignUp from './components/SignUp/index';
import SingleArticle from './components/SingleArticle';
import CreateArtice from './components/CreateArticle';
import * as serviceWorker from './serviceWorker';


const Main = withRouter(({ location }) => {
return (
<div>
  {
    location.pathname !== '/login' && location.pathname !== '/signup' &&
    <Navbar/>
  }
    
    <Route exact path="/" component={Welcome}/>   
    <Route path="/login" component={Login}/>
    <Route path="/article/:slug" component={SingleArticle}/>
    <Route path="/articles/create" component={CreateArtice}/>
    <Route path="/signup" component={SignUp}/>
    //
    
    {
    location.pathname !== '/login' && location.pathname !== '/signup' &&
    <Footer />
  }
  </div>
);
});

ReactDOM.render(
  <BrowserRouter>
  <Main />
  </BrowserRouter>, document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: http://bit.ly/CRA-PWA
serviceWorker.unregister();