Function AdminProtectedRoute

frontend/src/components/AdminProtectedRoutes.tsx:10–35

({
  children,
})

};

const AdminProtectedRoute: React.FC<AdminProtectedRoutetypes> = ({
  children,
}) => {
  const {user, isloading} = useAuthStore();

  if (isloading) {
    return (
      <Box
        sx={{
          display: 'flex',
          justifyContent: 'center',
          alignItems: 'center',
          height: '70vh',
        }}
      >
        <CircularProgress size={100} />
      </Box>
    );
  }

  if (user?.role !== 'admin') {
    toast.error('Your role should be Admin to continue');
    return <Navigate to="/" />;
  }
  return <>{children}</>;
};

export default AdminProtectedRoute;