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,32 +137,33 @@ const JobCard: React.FC<JobCardProps> = ({ job, onEdit, onDelete, onUpdateProduc
</div>
<p className="text-gray-400">
Quantity: {job.outputQuantity.toLocaleString()}
{job.status !== 'Planned' && job.status !== 'Closed' && (
<span className="ml-4">
Produced: {
isEditingProduced ? (
<Input
type="number"
value={producedValue}
onChange={(e) => setProducedValue(e.target.value)}
onBlur={handleProducedUpdate}
onKeyDown={handleProducedKeyPress}
className="w-24 h-6 px-2 py-1 inline-block bg-gray-800 border-gray-600 text-white"
min="0"
autoFocus
/>
) : (
<span
onClick={() => setIsEditingProduced(true)}
className="cursor-pointer hover:text-blue-400"
title="Click to edit"
>
{(job.produced || 0).toLocaleString()}
</span>
)
}
</span>
)}
<span className="ml-4">
Produced: {
isEditingProduced && job.status !== 'Closed' ? (
<Input
type="number"
value={producedValue}
onChange={(e) => setProducedValue(e.target.value)}
onBlur={handleProducedUpdate}
onKeyDown={handleProducedKeyPress}
className="w-24 h-6 px-2 py-1 inline-block bg-gray-800 border-gray-600 text-white"
min="0"
autoFocus
/>
) : (
<span
onClick={() => job.status !== 'Closed' && setIsEditingProduced(true)}
className={job.status !== 'Closed' ? "cursor-pointer hover:text-blue-400" : undefined}
title={job.status !== 'Closed' ? "Click to edit" : undefined}
>
{(job.produced || 0).toLocaleString()}
</span>
)
}
</span>
<span className="ml-4">
Sold: <span className="text-green-400">{itemsSold.toLocaleString()}</span>
</span>
</p>
</div>
<div className="flex gap-2">