feat: roles table for audit user page

Author: jacobo-dominguez-wgu

src/authz-module/audit-user/index.tsx

@@ -1,10 +1,9 @@
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import debounce from 'lodash.debounce';
 import {
-  Container, DataTable,
+  Container, DataTable, TableFooter,
 } from '@openedx/paragon';
-import TableFooter from '@src/authz-module/components/TableFooter/TableFooter';
 import { TABLE_DEFAULT_PAGE_SIZE } from '@src/authz-module/constants';
 import AuthZLayout from '@src/authz-module/components/AuthZLayout';
 import { useNavigate, useParams } from 'react-router-dom';

src/authz-module/components/ProtectedRoute.tsx

@@ -0,0 +1,46 @@
+// src/components/ProtectedRoute.tsx
+import { ReactElement } from 'react';
+import { useValidateUserPermissions } from '@src/data/hooks';
+import LoadingPage from 'components/LoadingPage';
+import { CustomErrors } from 'constants';
+import { CONTENT_COURSE_PERMISSIONS, CONTENT_LIBRARY_PERMISSIONS } from 'authz-module/constants';
+
+const REQUIRED_USER_PERMISSIONS = [
+  CONTENT_LIBRARY_PERMISSIONS.VIEW_LIBRARY_TEAM,
+  CONTENT_LIBRARY_PERMISSIONS.MANAGE_LIBRARY_TEAM,
+  CONTENT_COURSE_PERMISSIONS.VIEW_COURSE_TEAM,
+  CONTENT_COURSE_PERMISSIONS.MANAGE_COURSE_TEAM,
+];
+
+type ProtectedRouteProps = {
+  children: ReactElement;
+  fallback?: ReactElement;
+};
+
+export const ProtectedRoute = ({
+  children,
+  fallback,
+}: ProtectedRouteProps) => {
+  // TODO: which scope?
+  const requiredPermissions = REQUIRED_USER_PERMISSIONS.map(action => ({ action, scope: '*' }));
+  const { data: permissions, isLoading, isError } = useValidateUserPermissions(requiredPermissions);
+
+  if (isLoading) {
+    return <LoadingPage />;
+  }
+
+  if (isError && fallback) {
+    return fallback;
+  }
+  if (isError) {
+    throw new Error(CustomErrors.SERVER_ERROR);
+  }
+
+  const hasAccess = permissions.some(permission => permission.allowed);
+
+  if (!hasAccess) {
+    throw new Error(CustomErrors.NO_ACCESS);
+  }
+
+  return children;
+};