Add a "sold" counter too
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user