use classnames to determine main-col

This commit is contained in:
Gaya Kessler 2018-10-01 15:33:02 +02:00
parent c3db9377b1
commit b85f2f490b

View File

@ -83,10 +83,10 @@ class Table extends Component {
)}) : <div class="table-row"><div class="cell main-col">Nothing here, yet.</div></div>;
return (
<div class={(state.loading ? "loading" : '')}>
<div class={classNames({ loading: state.loading })}>
<div class="table-row header">
{props.headers.map((header, i) => {
return (<div class={i === 0 ? 'main-col cell' : 'cell'}>{header}</div>)
return <div class={classNames("cell", { "main-col": i === 0 })}>{header}</div>
})}
</div>
<div>