mirror of
https://github.com/R0m1k3/LogiFlow.git
synced 2026-10-18 12:47:33 +02:00
Improve display for unreconciled delivery items
Update the UI to show unreconciled delivery items in white with bold text for supplier name, BL amount, invoice reference, and invoice amount in `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/5adUZHZ
This commit is contained in:
1 parent
a1d6cab167
commit
66c7fd3e46
1 file changed
+9
-7
@@ -386,13 +386,15 @@ export default function BLReconciliation() {
|
|||||||
className={`hover:bg-gray-50 ${
|
className={`hover:bg-gray-50 ${
|
||||||
delivery.reconciled === true
|
delivery.reconciled === true
|
||||||
? 'bg-gray-100 opacity-60 text-gray-500'
|
? 'bg-gray-100 opacity-60 text-gray-500'
|
||||||
: delivery.reconciled === false
|
: 'bg-white'
|
||||||
? 'bg-red-50 border-l-4 border-red-400'
|
|
||||||
: ''
|
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<td className="px-3 py-2 text-sm">
|
<td className="px-3 py-2 text-sm">
|
||||||
<div className="font-medium text-gray-900 truncate max-w-32">
|
<div className={`truncate max-w-32 ${
|
||||||
|
delivery.reconciled !== true
|
||||||
|
? 'font-bold text-gray-900'
|
||||||
|
: 'font-medium text-gray-900'
|
||||||
|
}`}>
|
||||||
{delivery.supplier?.name}
|
{delivery.supplier?.name}
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
@@ -409,7 +411,7 @@ export default function BLReconciliation() {
|
|||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td className="px-3 py-2 text-sm">
|
<td className="px-3 py-2 text-sm">
|
||||||
<div className="font-medium text-gray-900">
|
<div className={delivery.reconciled !== true ? 'font-bold text-gray-900' : 'font-medium text-gray-900'}>
|
||||||
{delivery.blAmount ?
|
{delivery.blAmount ?
|
||||||
`${parseFloat(delivery.blAmount).toFixed(2)}€` :
|
`${parseFloat(delivery.blAmount).toFixed(2)}€` :
|
||||||
<span className="text-gray-400 italic text-xs">Non renseigné</span>
|
<span className="text-gray-400 italic text-xs">Non renseigné</span>
|
||||||
@@ -417,14 +419,14 @@ export default function BLReconciliation() {
|
|||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td className="px-3 py-2 text-sm">
|
<td className="px-3 py-2 text-sm">
|
||||||
<div className="text-gray-900">
|
<div className={delivery.reconciled !== true ? 'font-bold text-gray-900' : 'text-gray-900'}>
|
||||||
{delivery.invoiceReference || (
|
{delivery.invoiceReference || (
|
||||||
<span className="text-gray-400 italic text-xs">Non renseigné</span>
|
<span className="text-gray-400 italic text-xs">Non renseigné</span>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td className="px-3 py-2 text-sm">
|
<td className="px-3 py-2 text-sm">
|
||||||
<div className="text-gray-900">
|
<div className={delivery.reconciled !== true ? 'font-bold text-gray-900' : 'text-gray-900'}>
|
||||||
{delivery.invoiceAmount ?
|
{delivery.invoiceAmount ?
|
||||||
`${parseFloat(delivery.invoiceAmount).toFixed(2)}€` :
|
`${parseFloat(delivery.invoiceAmount).toFixed(2)}€` :
|
||||||
<span className="text-gray-400 italic text-xs">Non renseigné</span>
|
<span className="text-gray-400 italic text-xs">Non renseigné</span>
|
||||||
|
|||||||
Reference in new issue
Block a user