huridocs/uwazi

import React, { useState } from 'react';

import { connect, ConnectedProps } from 'react-redux';

import { TableRow } from 'app/Library/components/TableRow';
import { IStore, TableViewColumn } from 'app/istore';
import { EntitySchema } from 'shared/types/entityType';

interface TableRowsProps {
  columns: TableViewColumn[];
  storeKey: 'library' | 'uploads';
  clickOnDocument: (e: React.SyntheticEvent, doc: EntitySchema, active: boolean) => any;
}
const mapStateToProps = (state: IStore, props: TableRowsProps) => ({
  documents: state[props.storeKey].documents,
  selectionLength: state[props.storeKey].ui.get('selectedDocuments').size,
});

const connector = connect(mapStateToProps);
type mappedProps = ConnectedProps<typeof connector> & TableRowsProps;

const TableRowsComponent = ({
  documents,
  columns,
  clickOnDocument,
  storeKey,
  selectionLength,
}: mappedProps) => {
  const [multipleSelection, setMultipleSelection] = useState(selectionLength > 1);
  return (
    <>
      {documents.get('rows').map((entity: any) => (
        <TableRow
          entity={entity}
          columns={columns}
          clickOnDocument={clickOnDocument}
          storeKey={storeKey}
          key={entity.get('_id')}
          setMultipleSelection={setMultipleSelection}
          multipleSelection={multipleSelection}
        />
      ))}
    </>
  );
};

export const TableRows = connect(mapStateToProps)(TableRowsComponent);