).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>