return <CellComponentStyled as={containerType} {...props} />;
}
-export function ContentCell({ children, className, ...props }: CellComponentProps) {
+export function ContentCell({
+ children,
+ cellClassName,
+ className,
+ ...props
+}: CellComponentProps & { cellClassName?: string }) {
return (
- <CellComponent {...props}>
+ <CellComponent className={cellClassName} {...props}>
<div
className={classNames('sw-text-left sw-justify-start sw-flex sw-items-center', className)}
>
return (
<TableRowInteractive key={index}>
<ContentCell
- className={classNames('sw-align-top', { 'sw-border-transparent': !shouldDisplayDate })}
+ cellClassName={classNames({ 'sw-border-transparent': !shouldDisplayDate })}
+ className={classNames('sw-align-top')}
>
{shouldDisplayDate && (
<div>
</ContentCell>
<ContentCell
- className={classNames('sw-whitespace-nowrap sw-align-top sw-max-w-[120px]', {
- 'sw-border-transparent': !shouldDisplayDate,
- })}
+ cellClassName={classNames({ 'sw-border-transparent': !shouldDisplayDate })}
+ className={classNames('sw-whitespace-nowrap sw-align-top sw-max-w-[120px]')}
>
{shouldDisplayAuthor && (event.authorName ? event.authorName : <Note>System</Note>)}
</ContentCell>
<ContentCell
- className={classNames('sw-whitespace-nowrap sw-align-top', {
- 'sw-border-transparent': !shouldDisplayDate,
- })}
+ cellClassName={classNames({ 'sw-border-transparent': !shouldDisplayDate })}
+ className={classNames('sw-whitespace-nowrap sw-align-top')}
>
{shouldDisplayAction &&
intl.formatMessage({ id: `quality_profiles.changelog.${event.action}` })}
</CellComponent>
<ContentCell
- className={classNames('sw-align-top sw-max-w-[400px]', {
- 'sw-border-transparent': !shouldDisplayDate,
- })}
+ cellClassName={classNames({ 'sw-border-transparent': !shouldDisplayDate })}
+ className={classNames('sw-align-top sw-max-w-[400px]')}
>
{event.params && <ChangesList changes={event.params} />}
</ContentCell>