Loading milestones...
+ ) : (
+
+ {milestones.length === 0 && (
+
No milestones yet. Create one below.
+ )}
+
+ {milestones.map((milestone) => (
+
+
+
+ {milestone.order != null && `#${milestone.order} `}
+ {milestone.title || milestone.description || "Untitled"}
+
+
+
+
+ {milestone.amount && (
+
+ Amount: {milestone.amount} {milestone.currency || ""}
+
+ )}
+
+ {milestone.dueDate && (
+
+ Due: {new Date(milestone.dueDate).toLocaleDateString()}
+
+ )}
+
+ {milestone.feedback && (
+
Feedback: {milestone.feedback}
+ )}
+
+
+ {milestone.status === "pending" && (
+
+ )}
+ {milestone.status === "submitted" && (
+ <>
+
+
+ >
+ )}
+
+
+ ))}
+
+
+
Add Milestone
+ setNewMilestone((prev) => ({ ...prev, title: e.target.value }))}
+ className="w-full border rounded px-2 py-1 text-sm"
+ />
+ setNewMilestone((prev) => ({ ...prev, amount: e.target.value }))}
+ className="w-full border rounded px-2 py-1 text-sm"
+ />
+ setNewMilestone((prev) => ({ ...prev, dueDate: e.target.value }))}
+ className="w-full border rounded px-2 py-1 text-sm"
+ />
+
+
+
+ )}
+