2018-09-10 09:55:26 -07:00
|
|
|
import React from 'react';
|
2018-10-04 21:27:02 -07:00
|
|
|
import { Proposal } from 'types';
|
2019-01-23 07:15:59 -08:00
|
|
|
import Loader from 'components/Loader';
|
2018-09-10 09:55:26 -07:00
|
|
|
import UserRow from 'components/UserRow';
|
|
|
|
|
|
|
|
interface Props {
|
2018-09-27 13:39:37 -07:00
|
|
|
proposal: Proposal;
|
2018-09-10 09:55:26 -07:00
|
|
|
}
|
|
|
|
|
2019-02-01 11:13:30 -08:00
|
|
|
const TeamBlock: React.SFC<Props> = ({ proposal }) => {
|
2018-09-10 09:55:26 -07:00
|
|
|
let content;
|
2018-09-27 13:39:37 -07:00
|
|
|
if (proposal) {
|
2018-11-16 15:05:17 -08:00
|
|
|
content = proposal.team.map(user => <UserRow key={user.displayName} user={user} />);
|
2018-09-10 09:55:26 -07:00
|
|
|
} else {
|
2019-01-23 07:15:59 -08:00
|
|
|
content = <Loader />;
|
2018-09-10 09:55:26 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
2018-09-22 09:44:55 -07:00
|
|
|
<div className="Proposal-top-side-block">
|
2019-02-01 11:13:30 -08:00
|
|
|
<h2 className="Proposal-top-main-block-title">Team</h2>
|
2018-09-22 09:44:55 -07:00
|
|
|
<div className="Proposal-top-main-block">{content}</div>
|
|
|
|
</div>
|
2018-09-10 09:55:26 -07:00
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default TeamBlock;
|