).map((data, index) => {
return (
<div className='message clearfix' key={index}>
<img className='profile-image' src={data.user.imageURL} />
<div className='message-content'>
<a className='username' href=''>{data.user.name}</a>
<span className='time'>{data.time}</span>
<p className='message-body'>{ ReactEmoji.emojify(data.message) }</p>
</div>
</div>
)
})
render() {
let data = this.props.data;
let emojifiedComment = ReactEmoji.emojify(data.comment);
/* jshint ignore:start */
return (
<div className="comment">
<span className="comment-author">{data.userName}</span>
<div className="comment-text">
{emojifiedComment}
</div>
</div>
);
/* jshint ignore:end */
}
return _.flatten(items.map((item) => {
if(typeof item !== 'string') return item;
if(item[0] !== ':' && item.indexOf('d:') > 0) return item; // Handle 'd:' specially
emojiOpts.attributes.alt = item.trim();
return ReactEmoji.emojify(item, emojiOpts);
}));
return (
<div>
<Header hideLogout />
<Grid id='Login'>
<Row className='banner'>
<Col className='text-center'>
{/*<h4><strong>DEMO</strong></h4>*/}
<h1><strong>#WYWH</strong>: Wish You Were Here</h1>
{/*
<div className='homepage-badges text-center'>
<img src={require('../images/icon-bronze.svg')}/>
<img src={require('../images/icon-silver.svg')}/>
<img src={require('../images/icon-gold.svg')}/>
</div>
*/}
<p>{ReactEmoji.emojify('Send postcards, made with :heart: (by you), from your favorite conferences.')}</p>
<div>
<button className='btn btn-primary btn-login login-button' onClick={meActions.login}>Log in to Heroku</button>
<a className='btn btn-primary btn-login login-button' href={`https://signup.heroku.com/wywh?redirect-url=https://api.wywh.io/login&c=${campaign_id}`}>New to Heroku? Sign up</a>
</div>
</Col>
</Row>
{/*
<Row>
<Col md={6} xs={12}>
<img src={require('../images/icon-gold.svg')} className='deploy-image' />
<h2>Deploy</h2>
{ReactEmoji.emojify(':point_up: Deploy this on Heroku and you could qualify for awesome prizes.')}
</Col>
<Col md={6} xs={12}>
<a className='no-underline' href='https://wywh.io'><h3>Find Out More</h3></a>