25 lines
654 B
TypeScript
25 lines
654 B
TypeScript
import { User } from "revolt.js";
|
|
|
|
import { Checkbox, Row, Column } from "@revoltchat/ui";
|
|
|
|
import UserIcon from "./UserIcon";
|
|
import { Username } from "./UserShort";
|
|
|
|
type UserProps = { value: boolean; onChange: (v: boolean) => void; user: User };
|
|
|
|
export default function UserCheckbox({ user, ...props }: UserProps) {
|
|
return (
|
|
<Checkbox
|
|
{...props}
|
|
title={
|
|
<Row centred>
|
|
<UserIcon target={user} size={32} />
|
|
<Column centred>
|
|
<Username user={user} />
|
|
</Column>
|
|
</Row>
|
|
}
|
|
/>
|
|
);
|
|
}
|