= props => {
await mutate(`${EnvironmentConfig.API.V6}/workflows/${workflowId}/runs/${workflowRun?.id}/items`)
setShowReply(false)
}, [workflowId, workflowRun?.id, props.feedback?.id])
+
+ const onEditReply = useCallback(async (content: string, comment: AiFeedbackCommentType) => {
+ await updateRunItemComment(workflowId as string, workflowRun?.id as string, props.feedback?.id, comment.id, {
+ content,
+ })
+ await mutate(`${EnvironmentConfig.API.V6}/workflows/${workflowId}/runs/${workflowRun?.id}/items`)
+ setEditMode(false)
+ }, [workflowId, workflowRun?.id, props.feedback?.id])
+
return (
= props => {
.format('MMM DD, hh:mm A')}
-
+ {
+ !editMode &&
+ }
+ {
+ editMode && (
+
+ )
+ }
{
showReply && (
diff --git a/src/apps/review/src/lib/components/Scorecard/ScorecardViewer/ScorecardQuestion/AiFeedbackReply/AiFeedbackReply.tsx b/src/apps/review/src/lib/components/Scorecard/ScorecardViewer/ScorecardQuestion/AiFeedbackReply/AiFeedbackReply.tsx
index 0fa8a4485..6cdeccffa 100644
--- a/src/apps/review/src/lib/components/Scorecard/ScorecardViewer/ScorecardQuestion/AiFeedbackReply/AiFeedbackReply.tsx
+++ b/src/apps/review/src/lib/components/Scorecard/ScorecardViewer/ScorecardQuestion/AiFeedbackReply/AiFeedbackReply.tsx
@@ -5,7 +5,7 @@ import {
UseFormReturn,
} from 'react-hook-form'
import { get } from 'lodash'
-import { FC, useCallback, useState } from 'react'
+import { FC, useCallback, useEffect, useState } from 'react'
import classNames from 'classnames'
import { yupResolver } from '@hookform/resolvers/yup'
@@ -17,8 +17,10 @@ import { FieldMarkdownEditor } from '../../../../FieldMarkdownEditor'
import styles from './AiFeedbackReply.module.scss'
interface AiFeedbackReplyProps {
+ id?: string
+ initialValue?: string
onCloseReply: () => void
- onSubmitReply: (content: string) => Promise
+ onSubmitReply: (content: string, id?: string) => Promise
}
export const AiFeedbackReply: FC = props => {
@@ -36,9 +38,15 @@ export const AiFeedbackReply: FC = props => {
resolver: yupResolver(formFeedbackReplySchema),
})
+ useEffect(() => {
+ if (props.initialValue) {
+ setReply(props.initialValue)
+ }
+ }, [props.initialValue])
+
const onSubmit = useCallback(async (data: FormFeedbackReply) => {
setSavingReply(true)
- await props.onSubmitReply(data.reply)
+ await props.onSubmitReply(data.reply, props.id)
setReply('')
setSavingReply(false)
}, [props.onSubmitReply, setReply])
@@ -80,7 +88,9 @@ export const AiFeedbackReply: FC = props => {
className='filledButton'
type='submit'
>
- Submit Reply
+ {
+ props.id ? 'Edit Reply' : 'Submit Reply'
+ }