dave/eve-industrializer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Don't propagate clicks on edit and box

Browse Source
This commit is contained in:
PhatPhuckDave
2025-07-06 17:38:27 +02:00
parent d9b77ea33c
commit 0cdfdbc751
1 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/components/JobCard.tsx
View File

@@ -139,6 +139,23 @@ const JobCard: React.FC<JobCardProps> = ({ job, onEdit, onDelete, onUpdateProduc
}
};
const handleProducedClick = (e: React.MouseEvent) => {
e.stopPropagation();
if (job.status !== 'Closed') {
setIsEditingProduced(true);
}
};
const handleEditClick = (e: React.MouseEvent) => {
e.stopPropagation();
onEdit(job);
};
const handleDeleteClick = (e: React.MouseEvent) => {
e.stopPropagation();
onDelete(job.id);
};
return (
<Card className={`bg-gray-900 border-gray-700 text-white ${job.status === 'Tracked' ? 'border-l-4 border-l-cyan-600' : ''}`}>
<CardHeader>
@@ -157,7 +174,7 @@ const JobCard: React.FC<JobCardProps> = ({ job, onEdit, onDelete, onUpdateProduc
size="sm"
className="p-1 h-6 w-6 relative group"
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
copyBillOfMaterials();
}}
>
@@ -192,7 +209,7 @@ const JobCard: React.FC<JobCardProps> = ({ job, onEdit, onDelete, onUpdateProduc
size="sm"
className="p-1 h-6 w-6 relative group"
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
copyConsumedMaterials();
}}
>
@@ -231,13 +248,14 @@ const JobCard: React.FC<JobCardProps> = ({ job, onEdit, onDelete, onUpdateProduc
onChange={(e) => setProducedValue(e.target.value)}
onBlur={handleProducedUpdate}
onKeyDown={handleProducedKeyPress}
onClick={(e) => e.stopPropagation()}
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)}
onClick={handleProducedClick}
className={job.status !== 'Closed' ? "cursor-pointer hover:text-blue-400" : undefined}
title={job.status !== 'Closed' ? "Click to edit" : undefined}
>
@@ -255,7 +273,7 @@ const JobCard: React.FC<JobCardProps> = ({ job, onEdit, onDelete, onUpdateProduc
<Button
variant="outline"
size="sm"
onClick={() => onEdit(job)}
onClick={handleEditClick}
className="border-gray-600 hover:bg-gray-800"
>
Edit
@@ -263,7 +281,7 @@ const JobCard: React.FC<JobCardProps> = ({ job, onEdit, onDelete, onUpdateProduc
<Button
variant="destructive"
size="sm"
onClick={() => onDelete(job.id)}
onClick={handleDeleteClick}
>
Delete
</Button>