Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2026-02-05 06:09:12 +01:00
Code Issues Packages Projects Releases Activity

Add link to changeset id and use date from now

Browse Source
This commit is contained in:
René Pfeuffer
2018-09-19 14:15:15 +02:00
parent 6d0146f267
commit 66bba0d9cf
1 changed files with 23 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
scm-ui/src/changesets/components/ChangesetRow.js
View File

@@ -1,10 +1,11 @@
//@flow
import React from "react";
import type {Changeset} from "@scm-manager/ui-types";
import type { Changeset } from "@scm-manager/ui-types";
import classNames from "classnames";
import {translate} from "react-i18next";
import { translate, Interpolate } from "react-i18next";
import ChangesetAvatar from "./ChangesetAvatar";
import injectSheet from "react-jss";
import { DateFromNow } from "@scm-manager/ui-components";
const styles = {
pointer: {
@@ -23,12 +24,13 @@ type Props = {
class ChangesetRow extends React.Component<Props> {
createLink = (changeset: Changeset) => {
return `/repo/changeset/${changeset.id}`;
return <a href={`/repo/changeset/${changeset.id}`}>{changeset.id}</a>;
};
render() {
const { changeset, t, classes } = this.props;
const changesetLink = this.createLink(changeset);
const dateFromNow = <DateFromNow date={changeset.date} />;
const authorLine = (
<>
{changeset.author.name}{" "}
@@ -42,26 +44,26 @@ class ChangesetRow extends React.Component<Props> {
</a>
</>
);
// todo: i18n
return (
<article className={classNames("media", classes.inner)}>
<figure className="media-left">
<ChangesetAvatar changeset={changeset} />
</figure>
<div className="media-content">
<div className="content">
<p className="is-ellipsis-overflow">
{changeset.description}
<br />
{t("changeset.summary", {
id: changeset.id,
time: changeset.date
})}
</p>
<p className="is-size-7">{authorLine}</p>
</div>
<article className={classNames("media", classes.inner)}>
<figure className="media-left">
<ChangesetAvatar changeset={changeset} />
</figure>
<div className="media-content">
<div className="content">
<p className="is-ellipsis-overflow">
{changeset.description}
<br />
<Interpolate
i18nKey="changeset.summary"
id={changesetLink}
time={dateFromNow}
/>
</p>{" "}
<p className="is-size-7">{authorLine}</p>
</div>
</article>
</div>
</article>
);
}
}