render() { return ( <article className="universal-search-container container"> <Autosuggest search={this.handleSubmit} history={this.props.history} uiState={uiState} operationStore={OperationStore} serviceStore={ServiceStore} options={SearchableKeysStore.keys} /> </article> ); }
const Topic = ({ match, topics }) => { console.log(topics); console.log(match.params.topicTile); return ( <article> <h3>{match.params.topicTile}</h3> <div>{topics.find(t => t.title === match.params.topicTile).content}</div> </article>); }
withData((props) => ( <App> <Header pathname={props.url.pathname}/> <article><h1>Home sweet home!</h1> <img src='https://github.com/rabbotio/nap/raw/master/art/nap-logo.png' /> </article> </App> ))
const Layout = ({title, errors, children}) => ( <div> <h1> {title} </h1> <hr /> <article> <ErrorSummary errors={errors} /> {children} </article> </div> )
render() { const { id, name, description } = this.props; const path = `/meetup/${id}`; // strip html tags const noTagsDesc = description.replace(/<\/?[^>]+(>|$)/g, ''); return ( <article className="meetup-list-item"> <div className="meetup-name"><Link to={path}>{name}</Link></div> <div className="meetup-description-short" dangerouslySetInnerHTML={{__html: noTagsDesc}}></div> </article> ); }
render() { let intro = this.state.content.slice(0,128).replace(/\s|#|`/g," ") + " ......"; return( <article style={{marginBottom: "50px"}}> <h2 style={{fontFamily: "'Open Sans', sans-serif"}}>{this.props.file.slice(0,-3)}</h2> <hr style={{border: "2px solid grey"}}/> <p style={{fontSize: "11px", fontStyle: "italic", margin:"3px 0"}}>{this.props.ctime.slice(0,10)}</p> <p style={{fontSize: "13px"}}>{intro}</p> </article> ) }
function PostEntry ({ post }) { return ( <article className={s.PostEntry}> <div className={s.header}> <h1 className={s.title}>{post.title}</h1> </div> <div className={s.content}> <p dangerouslySetInnerHTML={{ __html: post.body }} /> </div> </article> ) }
const Post = ({ post }) => ( <article className="post-excerpt"> <h2>{post.title}</h2> <p>{post.body.substring(0, 100)}</p> </article> )
const Settings = () => ( <article> <div className='container-fluid'> <div className='main-display tabs col-md-8'> <h1><font color='#1B3628'>Welcome</font></h1> <h1 className='plan-style'><font color='antiquewhite'>To</font> Your</h1> <h1 className='plan-style'><font color='antiquewhite'>Settings</font></h1> <h1 className='plan-style'>:)</h1> </div> </div> </article> )
const post = (props) => ( <article className="Post" onClick={props.clicked}> <h1>{props.title}</h1> <div className="Info"> <div className="Author">{props.author}</div> </div> </article> )
const AppointmentListItem = ({ appointment }) => ( <article className={styles.AppointmentListItem}> <div className={styles.AppointmentListItem__reason}> {appointment.reason} </div> <div className={styles.AppointmentListItem__content}> {getISODate(new Date(appointment.appointmentDate))} / {appointment.appointmentHour} </div> </article> )
render() { return ( <article> <h1>About</h1> <p>I Bear Witness That There Is No God But Allah And Muhammad (sm) Is The Messenger Of Allah: "{this.props.commentText}"</p> </article> ); }
render () { return ( <article> <h1>Page not found.</h1> <Link to='/' className='btn'>Home</Link> </article> ) }
const Work = () => ( <article> <div className='container-fluid'> <div className='main-display tabs col-md-8'> <h1><font color='#1B3628'>Welcome</font></h1> <h1 className='plan-style'><font color='antiquewhite'>To</font> Your</h1> <h1 className='plan-style'><font color='antiquewhite'>Work</font></h1> <h1 className='plan-style'>:)</h1> </div> </div> </article> )
const post = (props) => ( <article className="Post" onClick={props.clicked}> <h1>{props.title}</h1> <div className="Info"> <div className="Author">{props.author}</div> </div> </article> )