ApprovalRequestsTable component

Overview

The ApprovalRequestsTable component displays a table containing the list of existing approval requests of the authenticated entity. The component supports searching, filtering, and pagination between these approval requests.

Permissions

To access this component, the entity user must have read permission for the approval_request object. To approve or reject payables, the entity user must also have update permission for the approval_request object. For more information, see List of permissions.

Preview

You can move and organize the columns of the table the way you prefer.

Usage

Bring in the ApprovalRequestsTable component into your application as shown:

React.js

1 import { ApprovalRequestsTable } from "@monite/sdk-react";
2 
3 // This component must be rendered within the MoniteProvider wrapper
4 const ApprovalRequestsTablePage = () => {
5   return <ApprovalRequestsTable />;
6 };

Props

The following table shows all ApprovalRequestsTable component properties, their types, and descriptions:

Prop	Type	Description
`onRowClick`	`function`	This callback takes the identifier of the clicked row as a parameter and is triggered when an approval request table row is clicked.
`onRowActionClick`	`function`	This callback is called when the Approve or Reject buttons are clicked. It returns either `approve` or `reject`.

1	import { ApprovalRequestsTable } from "@monite/sdk-react";
2
3	// This component must be rendered within the MoniteProvider wrapper
4	const ApprovalRequestsTablePage = () => {
5	return <ApprovalRequestsTable />;
6	};