51d553559f
* tailwind prettier * Minor fixes * Sorts components and pages Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> Co-authored-by: zomars <zomars@me.com>
22 lines
605 B
TypeScript
22 lines
605 B
TypeScript
import { inferQueryOutput } from "@lib/trpc";
|
|
|
|
import MemberListItem from "./MemberListItem";
|
|
|
|
interface Props {
|
|
team: inferQueryOutput<"viewer.teams.get">;
|
|
members: inferQueryOutput<"viewer.teams.get">["members"];
|
|
}
|
|
|
|
export default function MemberList(props: Props) {
|
|
if (!props.members.length) return <></>;
|
|
|
|
return (
|
|
<div>
|
|
<ul className="-mx-4 mb-2 divide-y divide-gray-200 rounded border bg-white px-4 sm:mx-0 sm:px-4">
|
|
{props.members?.map((member) => (
|
|
<MemberListItem key={member.id} member={member} team={props.team} />
|
|
))}
|
|
</ul>
|
|
</div>
|
|
);
|
|
}
|