import React from 'react'; import './profile.less'; export default class Profile extends React.Component { /** * Get the icon to display accoring to the type * @return {string} name of the icon in the font awesome library */ getIconType() { switch (this.props.type) { case 'place': return 'map-marker'; case 'male': return 'male'; case 'female': return 'female'; case 'tbunit': return 'hospital-o'; case 'lab': return 'building'; case 'ws': return 'globe'; case 'medicine': return 'ticket'; case 'product': return 'product-hunt'; case 'user': return 'user'; default: return 'exclamation-triangle'; } } render() { let icon, imgClass; if (this.props.type) { imgClass = 'prof-' + this.props.type; icon = this.getIconType(); } else { icon = this.props.fa; imgClass = this.props.imgClass; } icon = 'fa fa-' + icon + ' profile-front'; imgClass = 'profile-image ' + (imgClass ? imgClass : 'profile-img-default'); const profileClass = 'profile profile-' + (this.props.size || 'medium'); return (