2016-03-28 12:36:29 +09:00
|
|
|
import React, { PropTypes, Component } from 'react';
|
|
|
|
|
2016-04-19 15:54:53 +09:00
|
|
|
const UsersProfile = ({user, currentUser}) => {
|
2016-04-06 16:56:05 +02:00
|
|
|
|
|
|
|
({HeadTags} = Telescope.components);
|
|
|
|
|
2016-05-09 13:32:13 +09:00
|
|
|
const twitterName = Users.getTwitterName(user);
|
|
|
|
|
2016-03-28 12:36:29 +09:00
|
|
|
return (
|
2016-04-19 15:45:36 +09:00
|
|
|
<div className="page users-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>
|
2016-05-09 13:32:13 +09:00
|
|
|
{twitterName ? <li><a href={"http://twitter.com/" + twitterName}>@{twitterName}</a></li> : null }
|
2016-03-28 12:36:29 +09:00
|
|
|
{user.telescope.website ? <li><a href={user.telescope.website}>{user.telescope.website}</a></li> : null }
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2016-04-19 15:54:53 +09:00
|
|
|
UsersProfile.propTypes = {
|
2016-03-28 12:36:29 +09:00
|
|
|
user: React.PropTypes.object.isRequired,
|
|
|
|
currentUser: React.PropTypes.object
|
|
|
|
}
|
|
|
|
|
2016-04-19 15:54:53 +09:00
|
|
|
module.exports = UsersProfile;
|