Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-09 23:15:43 +01:00
Code Issues Packages Projects Releases Activity

added component for comma separated lists

Browse Source
This commit is contained in:
Sebastian Sdorra
2020-06-10 08:11:48 +02:00
parent a2453885b9
commit 23b0ea27df
7 changed files with 73 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
scm-ui/ui-components/src/repos/changesets/ChangesetAuthor.tsx
View File

@@ -28,6 +28,7 @@ import { useBinder } from "@scm-manager/ui-extensions";
import { EXTENSION_POINT, Person } from "../../avatar/Avatar";
import Image from "../../Image";
import styled from "styled-components";
import CommaSeparatedList from "../../CommaSeparatedList";
type Props = {
changeset: Changeset;
@@ -119,7 +120,7 @@ const Persons: FC<PersonsProps> = ({ persons, label, displayTextOnly }) => {
{t(label)}{" "}
<AvatarList>
{persons.map(p => (
<PersonAvatar person={p} avatar={avatarFactory(p)} />
<PersonAvatar key={p.name} person={p} avatar={avatarFactory(p)} />
))}
</AvatarList>
</>
@@ -128,7 +129,7 @@ const Persons: FC<PersonsProps> = ({ persons, label, displayTextOnly }) => {
return (
<>
{t(label)}{" "}
<a title={label + ":\n" + persons.map(person => "- " + person.name).join("\n")}>
<a title={persons.map(person => "- " + person.name).join("\n")}>
{t("changesets.authors.more", { count: persons.length })}
</a>
</>
@@ -175,24 +176,7 @@ const ChangesetAuthor: FC<Props> = ({ changeset }) => {
coAuthors.push(...extensions);
}
return (
<>
{authorLine.map((p, i) => {
if (i === 0) {
return <>{p}</>;
} else if (i + 1 === authorLine.length) {
return (
<>
{" "}
{t("changesets.authors.and")} {p}{" "}
</>
);
} else {
return <>, {p}</>;
}
})}
</>
);
return <CommaSeparatedList>{authorLine}</CommaSeparatedList>
};
export default ChangesetAuthor;