1
import User from "./user";
2
import { ProjectCollaborator } from "lib/api/schema/projects/collaborators/list";
3

4
import type { JSX } from "react";
5

6
export default function Collaborators({
7
  collaborators,
8
}: {
9
  collaborators: ProjectCollaborator[];
10
}) {
11
  const v: JSX.Element[] = [];
12
  for (const user of collaborators ?? []) {
13
    v.push(<User key={user.account_id} {...user} />);
14
    v.push(<span key={user.account_id + ","}>{", "}&nbsp;&nbsp;</span>);
15
  }
16
  v.pop(); // discard last comma.
17
  return <>{v}</>;
18
}
19

20