const SiteTitle = () => ( <div className="text-center"> <a className="no-underline inline-block py-12 md:py-8" href="/"> <h1 className="text-blue-700 text-4xl md:text-6xl"> Hacktober<span className="text-mid-purple">fest</span> </h1> <small className="block text-right -mt-4 mr-8 text-yellow text-base italic"> Checker </small> </a> </div> )
<small className="meta" style={textColor}>Published on: {<DateFormat date={service.created_at}/>}</small>
render() { const { edit } = this.state; const { user } = this.props; if (!user) { return <h2>Login or signup to get started</h2>; } return <div> <h2>Profile <small><a href="#" onClick={this.handleToggleEdit}>edit</a></small></h2> {edit ? this.form() : this.profile()} </div>; }
const ContactsPage = () => <PageHeader className='ContactsPage'> This is contacts page <p><small>our contacts</small></p> </PageHeader>
const CourseDetails = (props) => { return ( <Tab.Pane key="0" eventKey={"#" + props.id}> <h4>{props.title}</h4> <br/> <small>{(typeof props.author !== 'undefined') ? <p className="small mb-1">{props.author.name}</p> : ''}</small> <p>{props.description}</p> </Tab.Pane> ); }
const errorMsg = (props) => { return ( <small className="ErrorMsg">{props.msg}</small> ); }
export default function Quote(props) { const { text, author } = props; const classes = useStyles(); return ( <blockquote className={classes.defaultFontStyle + " " + classes.quote}> <p className={classes.quoteText}>{text}</p> <small className={classes.quoteAuthor}>{author}</small> </blockquote> ); }
result.googleNews.recentNews.map(item => ( <li> <small>{(new Date(item.created)).toLocaleDateString()}</small> <a href={item.url} target="blank">{item.title}</a> </li> ))
render() { return ( <div> <h2>Parada #{this.props.talk.id}</h2> <h2>{this.props.talk.title} ({this.props.talk.start} - {this.props.talk.end})</h2> <small>{ this.props.talk.speaker ? this.props.talk.speaker : 'Staff'}</small> <p>{this.props.talk.description}</p> <hr /> </div> ) }
const WelcomePage = ({ history }) => <div className='WelcomePage'> <PageHeader> Welcome to our shop! <p><small>please select group items below</small></p> </PageHeader> <ItemsGroupsPage history={ history } /> </div>
export default function MovieChild(props) { return ( <h3> {props.name} <small>{props.year}</small> </h3> ); }
render() { return ( <div> <small>Todo Input</small> <input type='text' ref={(ref)=>this.input=ref}></input> <button onClick={this.clickHandle}>ADD</button> </div> ); }
const Page404 = (props) => ( <div className='p-5 m-5'> <p className='p-5 m-5 lead text-center'>Page Not Found<br /><small>404 Error</small></p> </div> )
render () { return ( <PageHeader> Hello!!!<br /><small>Welcome to this starter app.</small> </PageHeader> ) }
render() { return ( <div> <h1> 404 <small>Not Found :(</small> </h1> </div> ) }