+
+
+ )
+ }
+ style={styles.cardHeader}
+ subheader={`${formatLongDateTime(createdAt)}${
+ isDelayed ? ' (delayed comment)' : ''
+ }`}
+ subheaderTypographyProps={{ display: 'block' }}
+ title={
+ isAiGenerated && isDraft ? (
+
+ ) : (
+ creator.name
+ )
+ }
+ titleTypographyProps={{
+ display: 'block',
+ fontSize: '1.5rem',
+ }}
+ />
+
+ {isDraft && (
+ }>
+ publishComment?.(editValue)}
+ >
+
+
+
+ )}
+ {canUpdate && isUpdatingAnnotationAllowed ? (
+
+ ) : null}
+ {canDestroy && isUpdatingAnnotationAllowed ? (
+
+ }
+ disabled={false}
+ // Not awaited, so the prompt closes on confirmation as it always has, and cannot be confirmed twice
+ // while the request is in flight.
+ onClick={async (): Promise => deleteComment()}
+ />
+ ) : null}
+
+
+
{renderCommentContent()}
+
-
-
-
-
- {posts.map((post) => {
- const isVisible =
- graderView ||
- (!post.isDelayed &&
- post.workflowState !== POST_WORKFLOW_STATE.draft);
- if (!isVisible) {
- return null;
- }
-
- // An AI-generated draft still awaiting a staff decision uses the rateable card (rate -> edit ->
- // accept/reject) in place of the plain comment card + Publish button.
- if (
- post.isAiGenerated &&
- post.workflowState === POST_WORKFLOW_STATE.draft &&
- post.generatedRating
- ) {
- return (
- // Key on createdAt so a re-generated draft (fresh timestamp) remounts with the new content,
- // resetting the card's local edit state.
-
acceptComment(post.id, value)}
- deleteComment={() => deleteComment(post.id)}
- post={post}
- rateComment={(rating) => rateComment(post.id, rating)}
- rejectComment={(value) => rejectComment(post.id, value)}
- />
- );
- }
-
- return (
- deleteComment(post.id)}
- editValue={commentForms.posts[post.id]}
- handleChange={(value) => handleUpdateChange(post.id, value)}
- isUpdatingAnnotationAllowed
- post={post}
- publishComment={(value) => publishComment(post.id, value)}
- updateComment={(value) => updateComment(post.id, value)}
- />
- );
- })}
-
-
-