You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
741 B
31 lines
741 B
import React, { PureComponent } from 'react';
|
|
import { Invitee } from 'app/types';
|
|
import InviteeRow from './InviteeRow';
|
|
|
|
export interface Props {
|
|
invitees: Invitee[];
|
|
}
|
|
|
|
export default class InviteesTable extends PureComponent<Props> {
|
|
render() {
|
|
const { invitees } = this.props;
|
|
|
|
return (
|
|
<table className="filter-table form-inline">
|
|
<thead>
|
|
<tr>
|
|
<th>Email</th>
|
|
<th>Name</th>
|
|
<th />
|
|
<th style={{ width: '34px' }} />
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{invitees.map((invitee, index) => {
|
|
return <InviteeRow key={`${invitee.id}-${index}`} invitee={invitee} />;
|
|
})}
|
|
</tbody>
|
|
</table>
|
|
);
|
|
}
|
|
}
|
|
|