In each module of the platform, transactions are visually represented with specific status icons in the register. These icons provide a quick and intuitive understanding of the current approval state of each transaction. The status icons and their meanings are as follows:


1. Auto Approved - Blue Tick

2. Approved - Green Tick

3. Pending - Yellow Icon

4. Rejected - Red Cross


Only approved or auto approved transactions are shown in reports, the dashboard, or related figures.



Icon Descriptions


Auto Approved (Blue Tick)

- Icon: ![Auto Approved Icon](path/to/blue-tick-icon.png)

- Description: This icon indicates that the transaction was automatically approved by the system. This means there was no approval flow process assigned to the transaction.

- Usage: Used to signify transactions that do not require any user intervention for approval.


Approved (Green Tick)

- Icon: ![Approved Icon](path/to/green-tick-icon.png)

- Description: This icon indicates that the transaction has gone through the required approval flow and has been approved by all users involved in the process. The green tick is a positive confirmation that the transaction is fully authorized.

- Usage: Used to signify transactions that have been manually reviewed and approved by the necessary users.


Pending (Yellow Icon)

- Icon: ![Pending Icon](path/to/yellow-icon.png)

- Description: This icon indicates that the transaction is currently in the approval process. The transaction has not yet been approved by all required users. The yellow icon serves as a reminder that action is needed to complete the approval process.

- Usage: Used to signify transactions that are waiting for approval from one or more users.


Rejected (Red Tick)

- Icon: ![Rejected Icon](path/to/red-tick-icon.png)

- Description: This icon indicates that the transaction's approval flow was rejected by one or more users involved in the approval process. The red tick signifies that the transaction was not authorized and has been declined.

- Usage: Used to signify transactions that have been denied approval and cannot proceed.



Implementation in Registers


Each module within the platform, such as the `FundTransfer` module, will display these status icons in the transaction register. The register is a list view of all transactions, where each transaction row will have an associated status icon indicating its current approval state.


Example: FundTransfer Module


In the `FundTransfer` module, the transaction register will display these status icons as follows:


- Auto Approved Transactions will have a blue tick icon.

- Approved Transactions will have a green tick icon.

- Pending Transactions will have a yellow icon.

- Rejected Transactions will have a red tick icon.


By providing a visual representation of the transaction status, users can quickly identify the current state of each transaction and take necessary actions if required.