text: import "./App.css";
  
  import React from "react";
  import { BrowserRouter, Routes, Route } from "react-router-dom"
  import { useApp } from "hooks/useApp"
  
  import { NavBar, Home, Login, Signup, ActivityPage, ActivityDetails, ExerciseForm, NutritionForm, SleepForm } from "components"
  
  
  function App() {
  
      const { 
          user, 
          setUser,
          isAuthenticated,
          error,
          userExerciseList,
          userNutritionList,
          userSleepList,
          setUserExerciseList,
          setUserNutritionList,
          setUserSleepList,
          clearAppState,
      } = useApp()
  
      console.log("USER HERRRREEE", user)
      return (
          <div className="App">
              <BrowserRouter>
                  <NavBar user={user} setUser={setUser} clearAppState={clearAppState} isAuthenticated={isAuthenticated} />
                  
                  <Routes>
                      <Route path="/" element={<Home user={user}  />} />
                      <Route path="/login" element={<Login user={user} setUser={setUser} setUserExerciseList={setUserExerciseList} setUserNutritionList={setUserNutritionList} setUserSleepList={setUserSleepList} />} />
                      <Route path="/signup" element={<Signup user={user} setUser={setUser} />} />
                      <Route path="/activity" element={<ActivityPage userExerciseList={userExerciseList} userNutritionList={userNutritionList} userSleepList={userSleepList} />} />
                      <Route path="/exercise" element={<ActivityDetails type='exercise' activityList={userExerciseList} />} />
                      <Route path="/exercise/create" element={<ExerciseForm setUserExerciseList={setUserExerciseList} />} />
                      <Route path="/nutrition" element={<ActivityDetails type='nutrition' activityList={userNutritionList} />} />
                      <Route path="/nutrition/create" element={<NutritionForm setUserNutritionList={setUserNutritionList} />} />
                      <Route path="/sleep" element={<ActivityDetails type='sleep' activityList={userSleepList} />} />
                      <Route path="/sleep/create" element={<SleepForm setUserSleepList={setUserSleepList} />} />
  
                  </Routes>
              </BrowserRouter>
          </div>
      )
  }
  
  export default App;