App.js

import "bootstrap/dist/css/bootstrap.min.css";
import Login from "./Components/Login/Login";
import { Routes, Route } from "react-router-dom";
import { useSelector } from "react-redux";
import AddUser from "./Components/User/AddUser";
import ListUser from "./Components/User/ListUser";
import EditUser from "./Components/User/EditUser";
import Header from "./Components/Header/Header";
function App() {
  const { isLogged } = useSelector((state) => state);
  const localData = localStorage.getItem("token");
  return (
    <div className="container">
      {localData ? <Header /> : ""}
      {/* {!isLogged ? <Login /> : ""} */}
      <Routes>
        <Route path="/" element={<Login />} />
        <Route path="/list" element={<ListUser />} />
        <Route path="/create" element={<AddUser />} />
        <Route path="/edit/:id" element={<EditUser />} />
      </Routes>
    </div>
  );
}

export default App;