Delivery Details Stepper - Copy this React, Tailwind Component to your project
✅ Prompt: Compliance Approval Queue UI Design a dashboard screen called “Compliance Approval Queue.” Purpose: This screen is for Compliance reviewers to check and approve all pending document changes submitted by different tenants. Layout & Features: The main layout should be similar to an inbox or queue. Each row represents a pending document change. Include these columns in the queue table: Document Name Tenant Name Change Type (e.g., Logo change, Wording edit) Submitted by (e.g., Jen Huang) Risk Level (Low / Medium / High — color-coded) Date Submitted Actions (Review, Approve, Reject) Include filter options above the table: By Change Type By Submitter By Risk Level When a user clicks Review, open a side panel or modal with: A PDF preview of the document, with changes highlighted A side-by-side diff view showing the last approved version vs. proposed changes A section showing all associated communication or comments The UI should feel focused, auditable, and designed for quick scanning and decision-making.
