Bridge integration

packages/ui/components/List.tsx

@@ -10,6 +10,7 @@ interface ListProps {
   rows: any;
   columns: GridColDef<any>[];
   onRowClick?: (id: string) => void;
+  getRowID?: (row: any) => any;
   buttons?: React.ReactNode;
   paginate?: boolean;
 }
@@ -19,12 +20,20 @@ export const List: FC<ListProps> = ({
   rows,
   columns,
   onRowClick,
+  getRowID,
   buttons,
   paginate = false,
 }) => {
   const { h3 } = typography;
   const { mediumGray, lightGray, veryLightGray, mediumBlue, white, darkGray } =
     colors;
+  const getRowIDInternal = (row: any) => {
+    if (getRowID) {
+      return getRowID(row);
+    }
+
+    return row.id;
+  };
 
   return (
     <Box sx={{ height: "100vh", backgroundColor: lightGray, p: 3 }}>
@@ -92,7 +101,7 @@ export const List: FC<ListProps> = ({
               scrollbarSize={0}
               disableVirtualization
               disableColumnMenu
-              onRowClick={(row: any) => onRowClick?.(row.id)}
+              onRowClick={({ row }: any) => onRowClick?.(getRowIDInternal(row))}
             />
           </Box>
         </Grid>