diff --git a/src/components/moderation/SubmissionChangesDisplay.tsx b/src/components/moderation/SubmissionChangesDisplay.tsx index d137e955..6e41e2e0 100644 --- a/src/components/moderation/SubmissionChangesDisplay.tsx +++ b/src/components/moderation/SubmissionChangesDisplay.tsx @@ -210,9 +210,51 @@ export function SubmissionChangesDisplay({ {changes.action === 'create' && ( -
- Creating new {item.item_type} -
+ <> + {/* Show if moderator edited the creation */} + {item.original_data && Object.keys(item.original_data).length > 0 ? ( + <> +
+
+ + Moderator Edits Applied +
+
+ This creation was modified by a moderator before review. Changed fields are highlighted below. +
+
+ + {changes.fieldChanges.length > 0 && ( +
+

Creation Data (with moderator edits highlighted)

+
+ {changes.fieldChanges.map((change, idx) => { + // Highlight fields that were modified (not just added) + const wasEditedByModerator = change.changeType === 'modified' && + item.original_data && + item.original_data[change.field] !== undefined; + + return ( +
+ + {wasEditedByModerator && ( +
+ ✓ Modified by moderator +
+ )} +
+ ); + })} +
+
+ )} + + ) : ( +
+ Creating new {item.item_type} +
+ )} + )} {changes.action === 'delete' && ( @@ -221,7 +263,7 @@ export function SubmissionChangesDisplay({ )} - {(changes.action === 'create' || changes.action === 'edit') && changes.totalChanges > 0 && ( + {changes.action === 'edit' && changes.totalChanges > 0 && ( <> {changes.fieldChanges.length > 0 && (