fix(frontend): also allow REQUEST_VIEW perm through route guard

src/hooks/useRouteGuard.ts

@@ -1,16 +1,19 @@
-import { Permission, useUser } from './useUser';
 import { useRouter } from 'next/router';
 import { useEffect } from 'react';
+import { Permission, PermissionCheckOptions, useUser } from './useUser';
 
-const useRouteGuard = (permission: Permission | Permission[]): void => {
+const useRouteGuard = (
+  permission: Permission | Permission[],
+  options?: PermissionCheckOptions
+): void => {
   const router = useRouter();
   const { user, hasPermission } = useUser();
 
   useEffect(() => {
-    if (user && !hasPermission(permission)) {
+    if (user && !hasPermission(permission, options)) {
       router.push('/');
     }
-  }, [user, permission, router, hasPermission]);
+  }, [user, permission, router, hasPermission, options]);
 };
 
 export default useRouteGuard;

src/hooks/useUser.ts

@@ -1,13 +1,14 @@
 import useSwr from 'swr';
+import { MutatorCallback } from 'swr/dist/types';
+import { UserType } from '../../server/constants/user';
 import {
   hasPermission,
   Permission,
   PermissionCheckOptions,
 } from '../../server/lib/permissions';
-import { UserType } from '../../server/constants/user';
-import { MutatorCallback } from 'swr/dist/types';
 
 export { Permission, UserType };
+export type { PermissionCheckOptions };
 
 export interface User {
   id: number;

src/pages/users/[userId]/requests.tsx

@@ -1,11 +1,13 @@
-import React from 'react';
 import { NextPage } from 'next';
+import React from 'react';
 import RequestList from '../../../components/RequestList';
 import useRouteGuard from '../../../hooks/useRouteGuard';
 import { Permission } from '../../../hooks/useUser';
 
 const UserRequestsPage: NextPage = () => {
-  useRouteGuard(Permission.MANAGE_REQUESTS);
+  useRouteGuard([Permission.MANAGE_REQUESTS, Permission.REQUEST_VIEW], {
+    type: 'or',
+  });
   return <RequestList />;
 };