import React from "react";
import styles from "./TeamMember.scss";

export default class TeamMember extends React.Component {
    render() {
    var { name, text, photoUrl, social } = this.props;
    var socialLinks = [];
    for(let n in social) {
      if(social.hasOwnProperty(n)) {
        socialLinks.push(<li><a href={social[n]}>{n}</a></li>);
      }
    }
        return <div className={styles.this}>
      <div className={styles.photo}>
        <img src={photoUrl} alt={name} />
      </div>
      <div className={styles.description}>

        <div className={styles.name}>
          {name}
        </div>

        <div className={styles.about}>
          {text}
        </div>

        <div className={styles.social}>
          <ul>
            {socialLinks}
          </ul>
        </div>

      </div>
        </div>;
    }
}

TeamMember.propTypes = {
    text: React.PropTypes.string.isRequired,
    name: React.PropTypes.string.isRequired,
    photoUrl: React.PropTypes.string.isRequired,
  social: React.PropTypes.object
};
//***********************FILE 2***************************/
import React from "react";
import TeamHeader from "components/TeamPage/Header";
import TeamMember from "components/TeamPage/TeamMember";
import nikitaPicture from "assets/nikita.jpg";

export default class AboutPage extends React.Component {
    static getProps() {
        return {};
    }
    render() {
    var poteryavLinks = {
      "vkontakte": "http://vk.com/psychedelicespresso"
    };
        return <div>
      <TeamHeader />
      <TeamMember social={poteryavLinks} name="Nikita Poteryaev" text="A brilliant programmer." photoUrl={nikitaPicture} />
      <TeamMember social={poteryavLinks} name="Igor Lemeshkin" text="Not a brilliant programmer." photoUrl="asd" />
        </div>;
    }
}