2016-03-28 12:36:29 +09:00
|
|
|
import React, { PropTypes, Component } from 'react';
|
|
|
|
|
|
|
|
const UserProfile = ({user, currentUser}) => {
|
2016-04-06 16:56:05 +02:00
|
|
|
|
|
|
|
({HeadTags} = Telescope.components);
|
|
|
|
|
2016-03-28 12:36:29 +09:00
|
|
|
return (
|
|
|
|
<div className="page user-profile">
|
2016-04-06 16:56:05 +02:00
|
|
|
<HeadTags url={Users.getProfileUrl(user, true)} title={Users.getDisplayName(user)} description={user.telescope.bio} />
|
2016-03-28 12:36:29 +09:00
|
|
|
<h2>{Users.getDisplayName(user)}</h2>
|
|
|
|
<p>{user.telescope.bio}</p>
|
|
|
|
<ul>
|
|
|
|
{user.telescope.twitterUsername ? <li><a href={"http://twitter.com/" + user.telescope.twitterUsername}>@{user.telescope.twitterUsername}</a></li> : null }
|
|
|
|
{user.telescope.website ? <li><a href={user.telescope.website}>{user.telescope.website}</a></li> : null }
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
UserProfile.propTypes = {
|
|
|
|
user: React.PropTypes.object.isRequired,
|
|
|
|
currentUser: React.PropTypes.object
|
|
|
|
}
|
|
|
|
|
|
|
|
module.exports = UserProfile;
|