RestrictedTo.tsx

import { type View, checkView } from "@/shared/lib/RBAC";
import { Navigate, Outlet } from "react-router";
import { useAuthSlice } from "../authProvider";

type RestrictedToProps = {
  view: View;
};

export const RestrictedTo: React.FC<RestrictedToProps> = ({ view }) => {
  const { user } = useAuthSlice();

  if (!user) {
    return <Navigate to="/account" />;
  }

  if (!checkView(user.roles, view)) {
    return <Navigate to="/" />;
  }

  return <Outlet />;
};

cyberia/research/events/client/src/app/providers/restrictToProvider/RestrictedTo.tsx

Graph