feat(FN-4578): complete Step 8 — add milestone acceptance criteria UI editing

Fusion-Task-Id: FN-4578
Fusion-Task-Lineage: 1be0fa08-4d83-4988-a218-326225dfe4b5
This commit is contained in:
Fusion
2026-05-15 02:59:13 -07:00
committed by gsxdsm
parent 3db986b97d
commit 2cc6ea261c
3 changed files with 81 additions and 0 deletions

View File

@@ -257,6 +257,7 @@ interface MissionFormData {
interface MilestoneFormData {
title: string;
description: string;
acceptanceCriteria: string;
status: MilestoneStatus;
dependencies: string[];
}
@@ -284,6 +285,7 @@ const EMPTY_MISSION_FORM: MissionFormData = {
const EMPTY_MILESTONE_FORM: MilestoneFormData = {
title: "",
description: "",
acceptanceCriteria: "",
status: "planning",
dependencies: [],
};
@@ -1370,6 +1372,7 @@ export function MissionManager({ isOpen, isInline = false, onClose, addToast, pr
setMilestoneForm({
title: milestone.title,
description: milestone.description || "",
acceptanceCriteria: milestone.acceptanceCriteria || "",
status: milestone.status,
dependencies: milestone.dependencies,
});
@@ -1393,6 +1396,7 @@ export function MissionManager({ isOpen, isInline = false, onClose, addToast, pr
await createMilestone(selectedMission.id, {
title: milestoneForm.title.trim(),
description: milestoneForm.description.trim() || undefined,
acceptanceCriteria: milestoneForm.acceptanceCriteria.trim() || undefined,
dependencies: milestoneForm.dependencies,
}, projectId);
addToast("Milestone created", "success");
@@ -1400,6 +1404,7 @@ export function MissionManager({ isOpen, isInline = false, onClose, addToast, pr
await updateMilestone(editingMilestoneId, {
title: milestoneForm.title.trim(),
description: milestoneForm.description.trim() || undefined,
acceptanceCriteria: milestoneForm.acceptanceCriteria.trim() || undefined,
status: milestoneForm.status,
dependencies: milestoneForm.dependencies,
}, projectId);
@@ -2458,6 +2463,12 @@ export function MissionManager({ isOpen, isInline = false, onClose, addToast, pr
{expandedMilestones.has(milestone.id) && (
<div className="mission-milestone__body">
{milestone.acceptanceCriteria && (
<p className="mission-feature__criteria">
<strong>Acceptance:</strong> {milestone.acceptanceCriteria}
</p>
)}
{/* Create milestone form (inline edit) */}
{(isCreatingMilestone || editingMilestoneId === milestone.id) && (
<div className="mission-form-card">
@@ -2475,6 +2486,12 @@ export function MissionManager({ isOpen, isInline = false, onClose, addToast, pr
onChange={(e) => setMilestoneForm({ ...milestoneForm, description: e.target.value })}
rows={2}
/>
<textarea
placeholder="Acceptance criteria (optional)"
value={milestoneForm.acceptanceCriteria}
onChange={(e) => setMilestoneForm({ ...milestoneForm, acceptanceCriteria: e.target.value })}
rows={2}
/>
<div className="mission-form-card__actions">
<button className="mission-btn mission-btn--primary" onClick={handleSaveMilestone} disabled={saving}>
{saving ? <Loader2 size={14} className="spinner" /> : <Check size={14} />}
@@ -3442,6 +3459,12 @@ export function MissionManager({ isOpen, isInline = false, onClose, addToast, pr
onChange={(e) => setMilestoneForm({ ...milestoneForm, description: e.target.value })}
rows={2}
/>
<textarea
placeholder="Acceptance criteria (optional)"
value={milestoneForm.acceptanceCriteria}
onChange={(e) => setMilestoneForm({ ...milestoneForm, acceptanceCriteria: e.target.value })}
rows={2}
/>
<div className="mission-form-card__actions">
<button className="mission-btn mission-btn--primary" onClick={handleSaveMilestone} disabled={saving}>
{saving ? <Loader2 size={14} className="spinner" /> : <Check size={14} />}