Update JobCardHeader component to improve clarity and layout
- Change label from "Quantity" to "Runs" for better understanding. - Adjust text alignment from right to left for the produced quantity display.
This commit is contained in:
@@ -238,7 +238,7 @@ const JobCardHeader: React.FC<JobCardHeaderProps> = ({
|
|||||||
</CardTitle>
|
</CardTitle>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-gray-400 text-sm">
|
<p className="text-gray-400 text-sm">
|
||||||
Quantity: {job.outputQuantity.toLocaleString()}
|
Runs: {job.outputQuantity.toLocaleString()}
|
||||||
<span className="ml-4">
|
<span className="ml-4">
|
||||||
Produced: {
|
Produced: {
|
||||||
isEditingProduced && job.status !== 'Closed' ? (
|
isEditingProduced && job.status !== 'Closed' ? (
|
||||||
@@ -256,7 +256,7 @@ const JobCardHeader: React.FC<JobCardHeaderProps> = ({
|
|||||||
) : (
|
) : (
|
||||||
<span
|
<span
|
||||||
onClick={handleProducedClick}
|
onClick={handleProducedClick}
|
||||||
className={`inline-block w-20 h-5 leading-5 text-right ${job.status !== 'Closed' ? "cursor-pointer hover:text-blue-400" : ""}`}
|
className={`inline-block w-20 h-5 leading-5 text-left ${job.status !== 'Closed' ? "cursor-pointer hover:text-blue-400" : ""}`}
|
||||||
title={job.status !== 'Closed' ? "Click to edit" : undefined}
|
title={job.status !== 'Closed' ? "Click to edit" : undefined}
|
||||||
data-no-navigate
|
data-no-navigate
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user