fix: use the right key

kernelci · Sep 13, 2024 · a398548 · a398548
1 parent acc2317
commit a398548
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/dashboard/src/components/Accordion/Accordion.tsx b/dashboard/src/components/Accordion/Accordion.tsx
@@ -18,13 +18,15 @@ import { TestStatus } from '@/components/Status/Status';
 
 import HeaderWithInfo from '@/pages/TreeDetails/Tabs/HeaderWithInfo';
 
-import { TableBody, TableCell, TableRow } from '../ui/table';
-import BaseTable from '../Table/BaseTable';
+import { TableBody, TableCell, TableRow } from '@/components/ui/table';
+
+import BaseTable from '@/components/Table/BaseTable';
+
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
-} from '../ui/collapsible';
+} from '@/components/ui/collapsible';
 
 import AccordionBuildContent from './BuildAccordionContent';
 
@@ -233,7 +235,7 @@ const AccordionTestsContent = ({
       <TableRow
         className="cursor-pointer hover:bg-lightBlue"
         onClick={onClickName}
-        key={test.path}
+        key={test.id}
       >
         <TableCell>{test.path}</TableCell>
         <TableCell>{test.status}</TableCell>
@@ -248,7 +250,9 @@ const AccordionTestsContent = ({
 
   return (
     <div className="h-max-12 overflow-scroll">
-      <BaseTable headers={headerTestsDetails}>{rows}</BaseTable>
+      <BaseTable headers={headerTestsDetails}>
+        <TableBody>{rows}</TableBody>
+      </BaseTable>
     </div>
   );
 };

diff --git a/dashboard/src/components/Table/TestsTable.tsx b/dashboard/src/components/Table/TestsTable.tsx
@@ -56,6 +56,7 @@ const TestsTable = ({ testHistory }: ITestsTable): JSX.Element => {
       }
       groups[group].total_tests++;
       groups[group].individual_tests.push({
+        id: e.id,
         duration: e.duration?.toString() ?? '',
         path: e.path,
         start_time: e.startTime,

diff --git a/dashboard/src/types/general.ts b/dashboard/src/types/general.ts
@@ -14,6 +14,7 @@ export type TPathTests = {
 };
 
 export type TIndividualTest = {
+  id: string;
   path: string;
   status: Status;
   start_time: string;