Merge pull request #1346 from topcoder-platform/auto-refetch-run-items

Auto refetch run items when workflow run status has changed

Author: vas3a

src/apps/review/src/lib/hooks/useFetchAiWorkflowRuns.ts

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useRef, useState } from 'react'
 import useSWR, { SWRResponse } from 'swr'
 
 import { EnvironmentConfig } from '~/config'
-import { xhrGetBlobAsync } from '~/libs/core'
+import { xhrGetAsync, xhrGetBlobAsync } from '~/libs/core'
 import { handleError } from '~/libs/shared/lib/utils/handle-error'
 
 import { AiFeedbackItem, Scorecard } from '../models'
@@ -150,15 +150,17 @@ export function useFetchAiWorkflowsRuns(
 export function useFetchAiWorkflowsRunItems(
     workflowId: string | undefined,
     runId: string | undefined,
+    runStatus: string = '',
 ): AiWorkflowRunItemsResponse {
     // Use swr hooks for challenge info fetching
     const {
         data: runItems = [],
         error: fetchError,
         isValidating: isLoading,
     }: SWRResponse<AiWorkflowRunItem[], Error> = useSWR<AiWorkflowRunItem[], Error>(
-        `${TC_API_BASE_URL}/workflows/${workflowId}/runs/${runId}/items`,
+        `${TC_API_BASE_URL}/workflows/${workflowId}/runs/${runId}/items?[${runStatus}]`,
         {
+            fetcher: url => xhrGetAsync(url.replace(`[${runStatus}]`, '')),
             isPaused: () => !workflowId || !runId,
         },
     )

src/apps/review/src/pages/reviews/components/AiModelModal/AiModelModal.tsx

@@ -35,9 +35,9 @@ const AiModelModal: FC<AiModelModalProps> = props => (
                 </div>
             </div>
 
-            <p className={styles.modelDescription}>
+            <div className={styles.modelDescription}>
                 <MarkdownReview className={styles.mdContainer} value={props.model.description} />
-            </p>
+            </div>
         </div>
     </BaseModal>
 )

src/apps/review/src/pages/reviews/components/AiReviewViewer/AiReviewViewer.tsx

@@ -21,7 +21,11 @@ import styles from './AiReviewViewer.module.scss'
 const AiReviewViewer: FC = () => {
     const { scorecard, workflowId, workflowRun, setActionButtons }: ReviewsContextModel = useReviewsContext()
     const [selectedTab, setSelectedTab] = useState('scorecard')
-    const { runItems }: AiWorkflowRunItemsResponse = useFetchAiWorkflowsRunItems(workflowId, workflowRun?.id)
+    const { runItems }: AiWorkflowRunItemsResponse = useFetchAiWorkflowsRunItems(
+        workflowId,
+        workflowRun?.id,
+        workflowRun?.status,
+    )
     const { totalCount }: AiWorkflowRunAttachmentsResponse
         = useFetchAiWorkflowsRunAttachments(workflowId, workflowRun?.id)
 

src/apps/review/src/pages/reviews/components/ScorecardHeader/ScorecardHeader.tsx

@@ -105,12 +105,12 @@ const ScorecardHeader: FC = () => {
                     )}
                 </div>
             </div>
-            <p className={styles.workflowDescription}>
+            <div className={styles.workflowDescription}>
                 <MarkdownReview
                     className={styles.mdContainer}
                     value={workflow.description}
                 />
-            </p>
+            </div>
             {/* <div className={styles.workflowFileLink}>
                 <a href={workflow.defUrl}>
                     Workflow File