const WeightsMagnitudeTable = ({ weights }) => { return ( <Table basic='very' compact='very'> <Table.Body> {_.map(weights, ({ description, value }) => { return ( <Table.Row key={description}> <Table.Cell>{description}</Table.Cell> <Table.Cell textAlign='right'> <Header as='h5' color={value > 0 ? 'green' : 'red'}> {value} </Header> </Table.Cell> </Table.Row> ) })} </Table.Body> </Table> ) }
const GameTable = props => <Table called={"true"} selectable> <Table.Header> <Table.Row> <Table.HeaderCell>Name</Table.HeaderCell> <Table.HeaderCell>Game</Table.HeaderCell> </Table.Row> </Table.Header> <Table.Body> { props.games && props.games.map((game) => <Table.Row key={game.id} active={props.selectedGameId === game.id} onClick={() => props.handleGameSelected(game)}> <Table.Cell>{game.player1.name} {game.player1.surname}</Table.Cell> <Table.Cell>{game.id}</Table.Cell> </Table.Row> ) } </Table.Body> </Table>
const CoefficientsTable = ({ coeff }) => { const { a, b, c, d } = coeff return ( <Table compact='very' celled size='small' basic='very'> <Table.Body> <Table.Row> <Table.Cell>a</Table.Cell> <Table.Cell>b</Table.Cell> <Table.Cell>c</Table.Cell> <Table.Cell>d</Table.Cell> <Table.Cell>polynomial</Table.Cell> </Table.Row> <Table.Row> <Table.Cell>{a}</Table.Cell> <Table.Cell>{b}</Table.Cell> <Table.Cell>{c}</Table.Cell> <Table.Cell>{d}</Table.Cell> <Table.Cell> {a}x<sup>3</sup> + {b}x<sup>2</sup> + {c}x + {d} </Table.Cell> </Table.Row> </Table.Body> </Table> ) }