import { useSelector } from 'react-redux';
import { useHistory } from 'react-router-dom';

function PrivateRoute({ children, ...rest }) {
  const isAuthenticated = useSelector((state) => state.auth.isAuthenticated);
  const history = useHistory();

  if (!isAuthenticated) {
    history.push('/login');
    return null;
  }

  return <Route {...rest}>{children}</Route>;
  
  import { useSelector } from 'react-redux';
import { useHistory } from 'react-router-dom';

function AdminRoute({ children, ...rest }) {
  const role = useSelector((state) => state.auth.user.role);
  const history = useHistory();

  if (role !== 'admin') {
    history.push('/');
    return null;
  }

  return <Route {...rest}>{children}</Route>;
}