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:
co-authored by
Claude Sonnet 4.6
parent
6cccb58c04
commit
e661161eac
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user