You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.4 KiB
42 lines
1.4 KiB
|
|
var ReactBootstrap = require('react-bootstrap') |
|
, Grid = ReactBootstrap.Grid |
|
, Col = ReactBootstrap.Col |
|
, Row = ReactBootstrap.Row |
|
, ListGroupItem = ReactBootstrap.ListGroupItem |
|
, ListGroup = ReactBootstrap.ListGroup |
|
, Nav = ReactBootstrap.Nav |
|
, NavItem = ReactBootstrap.NavItem |
|
, Button = ReactBootstrap.Button |
|
, ButtonGroup = ReactBootstrap.ButtonGroup |
|
, Glyphicon = ReactBootstrap.Glyphicon |
|
|
|
var React = require('react'); |
|
|
|
var SetIntervalMixin = require("../common/SetIntervalMixin.js"); |
|
var SafeStateChangeMixin = require('../common/SafeStateChangeMixin.js'); |
|
var ProfileMixin = require('../common/ProfileMixin.js'); |
|
|
|
module.exports = MiniProfile = React.createClass({ |
|
mixins: [SetIntervalMixin,SafeStateChangeMixin,ProfileMixin], |
|
render: function() { |
|
return ( |
|
<ListGroupItem> |
|
<Row className="nomargin"> |
|
<Col xs={2} md={2} className="fullytight"> |
|
<a href={"#/profile/"+this.props.username}> |
|
<img className="img-responsive" src={this.state.avatar}/> |
|
</a> |
|
</Col> |
|
<Col xs={9} md={9}> |
|
<h5 className="nomargin-top"> |
|
{this.state.fullname}<small> {'@'+this.props.username}</small> |
|
</h5> |
|
<p>{this.state.bio}</p> |
|
</Col> |
|
<Col xs={1} md={1} className="fullytight text-align-right"></Col> |
|
</Row> |
|
</ListGroupItem> |
|
); |
|
} |
|
}); |