Hide title for review flow name; make first submission row toggled by default

Author: vas3a

src/apps/review/src/lib/components/AiReviewsTable/AiReviewsTable.tsx

@@ -174,7 +174,7 @@ const AiReviewsTable: FC<AiReviewsTableProps> = props => {
                                     <span className={styles.icon}>
                                         <IconAiReview />
                                     </span>
-                                    <span className={styles.workflowName} title={run.workflow.name}>
+                                    <span className={styles.workflowName}>
                                         <Tooltip content={run.workflow.name} triggerOn='hover'>
                                             {run.workflow.name}
                                         </Tooltip>

src/apps/review/src/lib/components/ChallengeDetailsContent/TabContentSubmissions.tsx

@@ -323,10 +323,11 @@ export const TabContentSubmissions: FC<Props> = props => {
                     label: 'Reviewer',
                     mobileColSpan: 2,
                     propertyName: 'virusScan',
-                    renderer: (submission: BackendSubmission) => (
+                    renderer: (submission: BackendSubmission, allRows: BackendSubmission[]) => (
                         <CollapsibleAiReviewsRow
                             aiReviewers={props.aiReviewers!}
                             submission={submission}
+                            defaultOpen={allRows ? !allRows.indexOf(submission) : false}
                         />
                     ),
                     type: 'element',

src/apps/review/src/lib/components/CollapsibleAiReviewsRow/CollapsibleAiReviewsRow.tsx

@@ -9,14 +9,15 @@ import { BackendSubmission } from '../../models'
 import styles from './CollapsibleAiReviewsRow.module.scss'
 
 interface CollapsibleAiReviewsRowProps {
+    defaultOpen?: boolean
     aiReviewers: { aiWorkflowId: string }[]
     submission: BackendSubmission
 }
 
 const CollapsibleAiReviewsRow: FC<CollapsibleAiReviewsRowProps> = props => {
     const aiReviewersCount = props.aiReviewers.length + 1
 
-    const [isOpen, setIsOpen] = useState(false)
+    const [isOpen, setIsOpen] = useState(props.defaultOpen ?? false)
 
     const toggleOpen = useCallback(() => {
         setIsOpen(wasOpen => !wasOpen)

src/libs/ui/lib/components/table/table-row/TableRow.tsx

@@ -66,6 +66,7 @@ export const TableRow: <T extends { [propertyName: string]: any }>(
                         : undefined
                 }
                 style={colWidth ? { width: `${colWidth}px` } : {}}
+                allRows={props.allRows}
             />
         )
     })