feat(clerk): enhance disbursement review and my-requests UI components

- Update disbursement review and my-disbursement-requests components
  with improved layout and additional UI enhancements

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jaanu423
2026-06-17 11:07:01 +05:30
co-authored by Claude Sonnet 4.6
parent 6cccb58c04
commit e661161eac
6 changed files with 97 additions and 4 deletions
@@ -135,6 +135,17 @@
</table>
</div>
<!-- Processing indicator -->
@if (request.status === 'PROCESSING') {
<div class="dri-card dri-card--processing">
<div class="dri-section-title">
<mat-icon>hourglass_top</mat-icon>
Processing
</div>
<p class="dri-processing-text">Transactions are being posted. Please refresh in a few moments.</p>
</div>
}
<!-- Rejection reason (if rejected) -->
@if (request.status === 'REJECTED' && request.rejection_reason) {
<div class="dri-card dri-card--rejected">
@@ -150,6 +161,28 @@
</div>
}
<!-- Processing failed (system error — transactions reversed) -->
@if (request.status === 'FAILED') {
<div class="dri-card dri-card--failed">
<div class="dri-section-title">
<mat-icon>error</mat-icon>
Processing Failed — Transactions Reversed
</div>
<p class="dri-rejection-text">
{{ request.error_message || 'An unexpected error occurred during approval.' }}
</p>
<p class="dri-processing-text" style="margin-top: 6px; font-size: 12px">
All partial transactions have been automatically reversed. The request can be re-submitted by the clerk.
</p>
@if (request.manager_name || request.manager_username) {
<div class="dri-meta-item" style="margin-top: 8px">
<mat-icon>manage_accounts</mat-icon>
Attempted by: {{ request.manager_name || request.manager_username }}
</div>
}
</div>
}
<!-- Txn refs (if approved) -->
@if (request.status === 'APPROVED' && request.txn_refs) {
<div class="dri-card dri-card--approved">