mirror of
https://github.com/vale981/Vulcan
synced 2025-03-10 04:26:41 -04:00

- Posts, Comments, Users, etc. are always pluralized. - CSS classes are based off component names (PostsTitle -> posts-title)
25 lines
No EOL
854 B
JavaScript
25 lines
No EOL
854 B
JavaScript
import React, { PropTypes, Component } from 'react';
|
|
|
|
const UserProfile = ({user, currentUser}) => {
|
|
|
|
({HeadTags} = Telescope.components);
|
|
|
|
return (
|
|
<div className="page users-profile">
|
|
<HeadTags url={Users.getProfileUrl(user, true)} title={Users.getDisplayName(user)} description={user.telescope.bio} />
|
|
<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; |