zcash-grant-system/frontend/client/components/Proposal/TeamBlock/index.tsx

27 lines
635 B
TypeScript

import React from 'react';
import { Proposal } from 'types';
import Loader from 'components/Loader';
import UserRow from 'components/UserRow';
interface Props {
proposal: Proposal;
}
const TeamBlock: React.SFC<Props> = ({ proposal }) => {
let content;
if (proposal) {
content = proposal.team.map(user => <UserRow key={user.displayName} user={user} />);
} else {
content = <Loader />;
}
return (
<div className="Proposal-top-side-block">
<h2 className="Proposal-top-main-block-title">Team</h2>
<div className="Proposal-top-main-block">{content}</div>
</div>
);
};
export default TeamBlock;