standard-resume/lib/ContactMenu.js

The Standard Resume ReactJS component.

'use strict';

var Dropdown = require('./Dropdown');
var HeaderBtn = require('./HeaderBtn');
var React = require('react');

var ContactMenu = React.createClass({
  displayName: 'ContactMenu',

  propTypes: {
    basic: React.PropTypes.shape({
      phone: React.PropTypes.string,
      email: React.PropTypes.string,
      website: React.PropTypes.string
    })
  },

  render: function render() {
    var basic = this.props.basic;
    var contactBtn = React.createElement(HeaderBtn, { iconClass: 'contact-icon', text: 'Contact' });

    // Dont render anything if there is no contact info
    if (!(basic.phone || basic.email || basic.website)) {
      return false;
    }

    return React.createElement(
      Dropdown,
      { toggleTarget: contactBtn, align: 'right' },
      basic.phone && React.createElement(
        'li',
        null,
        React.createElement(
          'h5',
          null,
          'Phone'
        ),
        basic.phone
      ),
      basic.email && React.createElement(
        'li',
        null,
        React.createElement(
          'h5',
          null,
          'Email'
        ),
        React.createElement(
          'a',
          { href: 'mailto:' + basic.email, target: '_blank' },
          basic.email
        )
      ),
      basic.website && React.createElement(
        'li',
        null,
        React.createElement(
          'h5',
          null,
          'Website'
        ),
        React.createElement(
          'a',
          { href: basic.website, target: '_blank' },
          basic.website
        )
      )
    );
  }

});

module.exports = ContactMenu;