refactor(plan): commit category color on blur to avoid PATCH/audit spam
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -85,9 +85,18 @@ export default function PlanCategoriesModal({
|
|||||||
<input
|
<input
|
||||||
type="color"
|
type="color"
|
||||||
className="plan-cat-color"
|
className="plan-cat-color"
|
||||||
value={c.color}
|
// Uncontrolled + patch on blur (like the rename input): the
|
||||||
|
// native color picker fires onChange on every drag tick, which
|
||||||
|
// would spam PATCH requests and the audit log. onBlur commits
|
||||||
|
// once when the picker closes.
|
||||||
|
defaultValue={c.color}
|
||||||
|
key={c.color}
|
||||||
disabled={busy}
|
disabled={busy}
|
||||||
onChange={(e) => patch(c.id, { color: e.target.value })}
|
onBlur={(e) => {
|
||||||
|
if (e.target.value !== c.color) {
|
||||||
|
patch(c.id, { color: e.target.value });
|
||||||
|
}
|
||||||
|
}}
|
||||||
aria-label={`Barva – ${c.label}`}
|
aria-label={`Barva – ${c.label}`}
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
|
|||||||
Reference in New Issue
Block a user