stitch-ui
Version:
36 lines (34 loc) • 1.05 kB
JavaScript
// TODO proptypes
/* eslint-disable react/prop-types */
import React from "react"; // eslint-disable-line no-unused-vars
import classNames from "classnames";
export default function UserOption({ user, selected, selectUser }) {
return (
<div
onClick={() => {
selectUser(user);
}}
className={classNames("users-list-item users-list-item-is-selectable", {
"users-list-item-is-selected": selected
})}
>
<div className="users-list-item-column users-list-item-pic">
{user.getImage()}
</div>
<div className="users-list-item-column users-list-item-name">
{user.getDisplayName()}
</div>
<div className="users-list-item-column users-list-item-id">
{user.getId()}
</div>
<div className="users-list-item-column users-list-item-type">
{user.getType()}
</div>
<div className="users-list-item-column users-list-item-identities">
<div>
{user.getProviderDisplayName()}
</div>
</div>
</div>
);
}