add extension point

This commit is contained in:
Maren Süwer
2018-09-25 15:38:59 +02:00
parent 9ee7fc7499
commit 24589556c7
2 changed files with 34 additions and 29 deletions

View File

@@ -3,6 +3,7 @@ import React from "react";
import type { Changeset } from "@scm-manager/ui-types";
import { translate } from "react-i18next";
import { MailLink, DateFromNow } from "@scm-manager/ui-components";
import ChangesetAvatar from "./ChangesetAvatar";
type Props = {
changeset: Changeset,
@@ -13,34 +14,39 @@ class ChangesetDetails extends React.Component<Props> {
render() {
const { changeset, t } = this.props;
return (
<table className="table">
<tbody>
<tr>
<td>{t("changeset.id")}</td>
<td>{changeset.id}</td>
</tr>
<tr>
<td>{t("author.name")}</td>
<td>{changeset.author.name}</td>
</tr>
<tr>
<td>{t("author.mail")}</td>
<td>
<MailLink address={changeset.author.mail} />
</td>
</tr>
<tr>
<td>{t("changeset.description")}</td>
<td>{changeset.description}</td>
</tr>
<tr>
<td>{t("changeset.date")}</td>
<td>
<DateFromNow date={changeset.date} />
</td>
</tr>
</tbody>
</table>
<div>
<figure className="media-left">
<ChangesetAvatar changeset={changeset} />
</figure>
<table className="table">
<tbody>
<tr>
<td>{t("changeset.id")}</td>
<td>{changeset.id}</td>
</tr>
<tr>
<td>{t("author.name")}</td>
<td>{changeset.author.name}</td>
</tr>
<tr>
<td>{t("author.mail")}</td>
<td>
<MailLink address={changeset.author.mail} />
</td>
</tr>
<tr>
<td>{t("changeset.description")}</td>
<td>{changeset.description}</td>
</tr>
<tr>
<td>{t("changeset.date")}</td>
<td>
<DateFromNow date={changeset.date} />
</td>
</tr>
</tbody>
</table>
</div>
);
}
}