Files
outline/app/scenes/CollectionPermissions/components/UserListItem.js
Tom Moor f80e4ab04c Improved button styling
Added toast when collection permissions are saved
Removed usage of setState (old habits die hard)
2019-01-05 18:23:57 -08:00

33 lines
664 B
JavaScript

// @flow
import * as React from 'react';
import Avatar from 'components/Avatar';
import Button from 'components/Button';
import ListItem from 'components/List/Item';
import User from 'models/User';
type Props = {
user: User,
showAdd: boolean,
onAdd: () => *,
};
const UserListItem = ({ user, onAdd, showAdd }: Props) => {
return (
<ListItem
title={user.name}
image={<Avatar src={user.avatarUrl} size={32} />}
actions={
showAdd ? (
<Button type="button" onClick={onAdd} neutral>
Invite
</Button>
) : (
undefined
)
}
/>
);
};
export default UserListItem;