Add a "sold" counter too

This commit is contained in:
2025-07-05 14:58:04 +02:00
parent b54e3ee847
commit 1660e0b765

View File

@@ -137,10 +137,9 @@ const JobCard: React.FC<JobCardProps> = ({ job, onEdit, onDelete, onUpdateProduc
</div> </div>
<p className="text-gray-400"> <p className="text-gray-400">
Quantity: {job.outputQuantity.toLocaleString()} Quantity: {job.outputQuantity.toLocaleString()}
{job.status !== 'Planned' && job.status !== 'Closed' && (
<span className="ml-4"> <span className="ml-4">
Produced: { Produced: {
isEditingProduced ? ( isEditingProduced && job.status !== 'Closed' ? (
<Input <Input
type="number" type="number"
value={producedValue} value={producedValue}
@@ -153,16 +152,18 @@ const JobCard: React.FC<JobCardProps> = ({ job, onEdit, onDelete, onUpdateProduc
/> />
) : ( ) : (
<span <span
onClick={() => setIsEditingProduced(true)} onClick={() => job.status !== 'Closed' && setIsEditingProduced(true)}
className="cursor-pointer hover:text-blue-400" className={job.status !== 'Closed' ? "cursor-pointer hover:text-blue-400" : undefined}
title="Click to edit" title={job.status !== 'Closed' ? "Click to edit" : undefined}
> >
{(job.produced || 0).toLocaleString()} {(job.produced || 0).toLocaleString()}
</span> </span>
) )
} }
</span> </span>
)} <span className="ml-4">
Sold: <span className="text-green-400">{itemsSold.toLocaleString()}</span>
</span>
</p> </p>
</div> </div>
<div className="flex gap-2"> <div className="flex gap-2">