Use infohash as rowId

Author: egbertbouman

src/tribler/ui/src/components/ui/simple-table.tsx

@@ -69,6 +69,7 @@ interface ReactTableProps<T extends object> {
     maxHeight?: string | number;
     expandable?: boolean;
     storeSortingState?: string;
+    rowId?: (originalRow: T, index: number, parent?: Row<T>) => string,
 }
 
 function SimpleTable<T extends object>({
@@ -87,7 +88,8 @@ function SimpleTable<T extends object>({
     filters,
     maxHeight,
     expandable,
-    storeSortingState
+    storeSortingState,
+    rowId
 }: ReactTableProps<T>) {
     const [pagination, setPagination] = useState<PaginationState>({
         pageIndex: pageIndex ?? 0,
@@ -137,6 +139,7 @@ function SimpleTable<T extends object>({
         onExpandedChange: setExpanded,
         onSortingChange: setSorting,
         getSubRows: (row: any) => row?.subRows,
+        getRowId: rowId,
     });
 
     const { t } = useTranslation();

src/tribler/ui/src/pages/Downloads/index.tsx

@@ -195,6 +195,7 @@ export default function Downloads({ statusFilter }: { statusFilter: number[] })
                             onSelectedRowsChange={setSelectedDownloads}
                             maxHeight={Math.max((parentRect?.height ?? 50) - 50, 50)}
                             storeSortingState="download-sorting"
+                            rowId={(row) => row.infohash}
                         />
                     </Card>
                 </div>

src/tribler/ui/src/pages/Popular/index.tsx

@@ -112,6 +112,7 @@ export default function Popular() {
                 data={torrents}
                 columns={torrentColumns}
                 storeSortingState="popular-sorting"
+                rowId={(row) => row.infohash}
             />
         </>
     )

src/tribler/ui/src/pages/Search/index.tsx

@@ -151,6 +151,7 @@ export default function Search() {
                 data={torrents}
                 columns={torrentColumns}
                 storeSortingState="search-sorting"
+                rowId={(row) => row.infohash}
             />
         </>
     )