App.jsx

import "./App.css";

import Homepage from "./pages/homepage";
import NavBar from "./components/navbar";
import Team from "./pages/team";
import Messages from "./pages/messages";
import Rota from "./pages/rota";
import { BrowserRouter, Routes, Route, useLocation } from "react-router-dom";
import RegisterEmployee from "./pages/register-employee";
import RegisterManager from "./pages/register-manager";
import RegisterCompany from "./pages/register-company";
import Login from "./pages/login";
import NotFound from "./pages/notfound";
import Footer from "./components/footer";

import { useDispatch, Provider } from "react-redux";
import { useEffect } from "react";
import { checkAuth } from "./features/user";

import { store } from "./store";
import Dashboard from "./pages/dashboard";

function App() {
  return (
    <Provider store={store}>
      <BrowserRouter>
        <AppContent />
      </BrowserRouter>
    </Provider>
  );
}

function AppRoutes() {
  const location = useLocation().pathname;

  const locations = ["/team", "/rota", "/messages", "/dashboard"];

  const showNavBar = !locations.includes(location);

  return (
    <>
      {showNavBar && <NavBar />}
      <Routes>
        <Route path="/" element={<Homepage />} />
        <Route path="/team" element={<Team />} />
        <Route path="/messages" element={<Messages />} />
        <Route path="/dashboard" element={<Dashboard />} />
        <Route path="/rota" element={<Rota />} />
        <Route path="/login" element={<Login />} />
        <Route path="/register-employee" element={<RegisterEmployee />} />
        <Route path="/register-employer" element={<RegisterManager />} />
        <Route path="/register-company" element={<RegisterCompany />} />

        <Route path="*" element={<NotFound />} />
      </Routes>
      {showNavBar && <Footer />}
    </>
  );
}

function AppContent() {
  const dispatch = useDispatch();

  useEffect(() => {
    dispatch(checkAuth());
  }, [dispatch]);

  return <AppRoutes />;
}

export default App;