zcash-grant-system/frontend/client/components/UserRow/index.tsx

import React from 'react';
import UserAvatar from 'components/UserAvatar';
import { TeamMember } from 'modules/create/types';
import './style.less';

interface Props {
  user: TeamMember;
}

const UserRow = ({ user }: Props) => (
  <div className="UserRow">
    <div className="UserRow-avatar">
      <UserAvatar user={user} className="UserRow-avatar-img" />
    </div>
    <div className="UserRow-info">
      <div className="UserRow-info-main">{user.name}</div>
      <p className="UserRow-info-secondary">{user.title}</p>
    </div>
  </div>
);

export default UserRow;