text: import React from 'react';
  import {BrowserRouter, Switch, Route} from 'react-router-dom';
  import Navbar from "./components/Navbar";
  import Dashboard from './components/Dashboard';
  import './App.css';
  import PrivateRoute from './components/PrivateRoute';
  import SignupForm from './components/SignUp';
  import Login from './components/Login';
  import NewWorkoutForm from './components/NewWorkoutForm';
  import EditForm from './components/EditForm';
  import WorkoutPage from './components/WorkoutPage';
  
  function App () {
      return (
          <BrowserRouter>
              <div className='App'>
                  <Navbar/>
                  <Switch>
                      <Route exact path='/' component={SignupForm}/>
                      <Route exact path='/login' component={Login}/>
                      <PrivateRoute path='/dashboard' component={Dashboard}/>
                      <PrivateRoute path='/newworkoutform' component={NewWorkoutForm}/>
                      <PrivateRoute path='/edit/:id' component={EditForm}/>
                      <PrivateRoute path='/workout/:id' component={WorkoutPage}/>
                  </Switch>
              </div>
          </BrowserRouter>
  
      );
  }
  
  
  export default App;
  