Update reconciliation status display to grey out and dim reconciled deliveries

Modify the BLReconciliation component to visually indicate reconciled deliveries with a greyed-out and dimmed appearance, using conditional styling based on the `reconciled` status in client/src/pages/BLReconciliation.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: b163d4c0-de5e-4f4e-a9c0-aed4c7049718
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/b163d4c0-de5e-4f4e-a9c0-aed4c7049718/Ek7HQXt
This commit is contained in:
michaelschal committed 2025-08-12 11:52:56 +00:00
1 parent e3f95e3aea
commit 5bef39e835
1 file changed
+11 -3
+11 -3
View File
@@ -368,7 +368,11 @@ export default function BLReconciliation() {
<tr
key={delivery.id}
className={`hover:bg-gray-50 ${
delivery.reconciled === false ? 'bg-red-50 border-l-4 border-red-400' : ''
delivery.reconciled === true
? 'bg-gray-100 opacity-60 text-gray-500'
: delivery.reconciled === false
? 'bg-red-50 border-l-4 border-red-400'
: ''
}`}
>
<td className="px-3 py-2 text-sm">
@@ -552,8 +556,12 @@ export default function BLReconciliation() {
{filteredAutomaticDeliveries.map((delivery: any) => (
<tr
key={delivery.id}
className={`hover:bg-gray-50 bg-green-50 ${
delivery.reconciled === false ? 'bg-red-50 border-l-4 border-red-400' : ''
className={`hover:bg-gray-50 ${
delivery.reconciled === true
? 'bg-gray-100 opacity-60 text-gray-500'
: delivery.reconciled === false
? 'bg-red-50 border-l-4 border-red-400'
: 'bg-green-50'
}`}
>
<td className="px-3 py-2 text-sm">