useScopedRedirect

src/containers/internal/views/users/index.tsx

@@ -118,7 +118,7 @@ export const Users = () => {
         <div className="grid grid--col3--users">
           <div className="grid__row grid__th">
             <div>User Name</div>
-            <div>Managed resource</div>
+            <div>Scope</div>
             <div>&nbsp;</div>
           </div>
           {!hasValue(users) ? (

src/utils/use-scoped-redirect.ts

@@ -0,0 +1,23 @@
+import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+
+import { toastError } from "src/store";
+
+import type { IMessage, Scope, UserData } from "src/store/types";
+
+export const useScopedRedirect = (
+  user: UserData,
+  access: Scope,
+  redirect: string,
+  message?: IMessage
+) => {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    if (access >= user.access) {
+      if (message) toastError(message);
+
+      navigate(redirect);
+    }
+  }, [user]);
+};