Se modifica para comparar el rol del usuario y determinar a cuál página mandar

import { Navigate, Outlet } from "react-router-dom";

import { useAuth } from "../context/auth_context";

import { UserRole } from "../constants/roles";

import { AdminHomePage } from "../pages/home/admin_page/admin_home_page";

import { SuperAdminHomePage } from "../pages/home/super_admin_page/super_admin_home_page";

interface ProtectedRouteProps {

    allowedRoles?: string[];

  allowedRole: UserRole;

}

export const ProtectedRoute = ({allowedRoles}: ProtectedRouteProps) => {

    const {user} = useAuth();

export const ProtectedRoute = () => {

  const {user, logout} = useAuth();

  if(!user){

    return <Navigate to="/login" replace={true}/>;

  }else{

    if(user.role==UserRole.ADMIN){

      return <AdminHomePage/>;

    }else if(user.role===UserRole.SUPERADMIN){

      return <SuperAdminHomePage/>;

    }else{

      logout();

      return <Navigate to="/login" replace={true}/>;

    }

  }

  return <Outlet/>;