export default()

in source/frontend/src/components/Graph/DetailsDialog/ResourceDetailsTagTable.js [13:71]

• 58 lines of code
• 1 McCabe index (conditional complexity)

export default ({
  trackBy,
  rows,
  columns,
  sortColumn,
  pageSize
}) => {
  const {
    items,
    filterProps,
    collectionProps,
    paginationProps,
  } = useCollection(rows, {
    filtering: {
      empty: (
        <Box textAlign='center' color='inherit'>
          <b>No tags</b>
          <Box padding={{ bottom: 's' }} variant='p' color='inherit'>
            No tags to display.
          </Box>
        </Box>
      ),
      noMatch: (
        <Box textAlign='center' color='inherit'>
          <b>No match</b>
          <Box padding={{ bottom: 's' }} variant='p' color='inherit'>
            No tags matched.
          </Box>
        </Box>
      ),
    },
    pagination: { pageSize: pageSize },
    sorting: { sortingColumn: sortColumn },
  });

  return (
    <Table
      {...collectionProps}
      trackBy={trackBy}
      resizableColumns
      stickyHeader
      columnDefinitions={columns}
      items={items}
      loadingText='Loading...'
      filter={
        <TextFilter {...filterProps} filteringPlaceholder='Find tags' />
      }
      empty={
        <Box textAlign='center' color='inherit'>
          <b>No tags</b>
          <Box padding={{ bottom: 's' }} variant='p' color='inherit'>
            No tags to display.
          </Box>
        </Box>
      }
      pagination={<Pagination {...paginationProps} />}
    />
  );
};