sx: getRowStyles()

in src/components/Table/components/TableBody/components/TableRow/index.tsx [46:71]

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

          sx: getRowStyles(isSelected),
        }
      : {};
  };

  const getColumnStyles = React.useCallback(
    (hasSortableValue: boolean, textAlign: string) => ({
      display: 'flex',
      alignItems: 'center',
      pl: hasSortableValue && textAlign !== 'center' ? theme.typography.pxToRem(18 + 1.6) : 0, // 18px is the width of the arrow icon + 1.6px is the padding between the icon and the text
    }),
    [theme]
  );

  return (
    <MuiTableRow {...selectableRowProps(item, isSelected)}>
      {!!handleSelectRowClick && (
        <TableCell
          component="td"
          scope="row"
          align="center"
          sx={{
            p: theme.typography.pxToRem(11),
          }}
        >
          {canBeSelected && (