Lateinicus/frontend/src/components/SummaryTable.tsx

import * as React from "react";

import Table from "@material-ui/core/Table";
import TableHead from "@material-ui/core/TableHead";
import TableBody from "@material-ui/core/TableBody";
import TableRow from "@material-ui/core/TableRow";
import TableCell from "@material-ui/core/TableCell";

import { IReviewMetadata } from "../models/review";

interface IProps {
    reviewMeta: () => IReviewMetadata;
}

export default class SummaryTable extends React.Component<IProps> {
    render() {
        const meta = this.props.reviewMeta();

        return <Table>
            <TableHead>
                <TableRow>
                    <TableCell>Antworten</TableCell>
                    <TableCell>Anzahl</TableCell>
                </TableRow>
            </TableHead>
            <TableBody>
                <TableRow>
                    <TableCell>Korrekt</TableCell>
                    <TableCell numeric>{meta.correct}</TableCell>
                </TableRow>
                <TableRow>
                    <TableCell>Falsch</TableCell>
                    <TableCell numeric>{meta.wrong}</TableCell>
                </TableRow>
            </TableBody>
        </Table>;
    }
}