38 lines
1.3 KiB
JavaScript
38 lines
1.3 KiB
JavaScript
import React from 'react';
|
|
import {
|
|
Card,
|
|
CardBody,
|
|
CardTitle,
|
|
Table
|
|
} from 'reactstrap';
|
|
|
|
import { findTeam } from '../utils/findTeam';
|
|
|
|
export class DominanceShower extends React.Component {
|
|
|
|
render() {
|
|
return (
|
|
<Card className="shadow-sm">
|
|
<CardBody>
|
|
<CardTitle>{this.props.title}</CardTitle>
|
|
<Table borderless className="m-0">
|
|
<tbody>
|
|
<tr>
|
|
<th colSpan="2" className="h3 text-center">{findTeam(this.props.teams, this.props.stats.id).name}</th>
|
|
</tr>
|
|
<tr>
|
|
<td className="h4 text-success pb-0">{this.props.stats.pointsMade}</td>
|
|
<td className="h4 text-danger text-right pb-0">{this.props.stats.pointsReceived}</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="smaller pt-0">Punkte erzielt</td>
|
|
<td className="text-right smaller pt-0">Punkte kassiert</td>
|
|
</tr>
|
|
</tbody>
|
|
</Table>
|
|
</CardBody>
|
|
</Card>
|
|
);
|
|
}
|
|
}
|