export default()

in frontend/src/common/components/EvaluationDataGrid.tsx [27:59]

• 32 lines of code
• 5 McCabe index (conditional complexity)

export default ({ jobId }: EvaluationDataGridProps) => {
  const { isLoading, error, data, isError } = useQuery<DataGridData, Error>(['evaluation', jobId], () => {
    return fetchEvaluation(jobId);
  });

  if (isLoading) {
    return (
      <Alert icon={<CircularProgress size={3} />} severity="info">
        Loading...
      </Alert>
    );
  } else if (data != null) {
    return (
      <div style={{ height: 'auto', overflow: 'auto' }}>
        <DataGrid
          rows={data.rows}
          columns={data.columns.map((column: string) => {
            return { field: column, editable: false, flex: 1 };
          })}
          pageSize={5}
          rowsPerPageOptions={[5]}
          disableSelectionOnClick
          pagination
          hideFooter={false}
          autoHeight={true}
        />
      </div>
    );
  } else if (isError && error != null) {
    return <Alert severity="error">{error.message}</Alert>;
  } else {
    return <Alert severity="info">No data found</Alert>;
  }