// App Imports // Component const DummyComponentPure = () => ( <div> <h1>Dummy Component Pure</h1> </div> )
const NotFoundPage = () => ( <React.Fragment> <SEO title='404: Not found' /> <h1>NOT FOUND</h1> <p>You just hit a route that doesn't exist... the sadness.</p> </React.Fragment> )
function Card({ title, subtitle }) { return ( <div style={styles.card}> <h1 style={styles.title}>{title}</h1> {subtitle ? ( <h2 style={styles.subtitle}>{subtitle}</h2> ) : ( <h3 style={styles.empty}>No subtitle</h3> )} </div> ) }
const HeaderGeneric = (props) => ( <header id="header"> <h1>Generic</h1> <p>Ipsum dolor sit amet nullam</p> </header> )
const HomePage = () => { return ( <div> <h1>React Slingshot</h1> <h2>Get Started</h2> <ol> <li>Review the <Link to="/fuel-savings">demo app</Link></li> <li>Remove the demo and start coding: npm run remove-demo</li> </ol> </div> ); }
const DeletePrompt = ({ deletePromptHandler, name }) => { return ( <div className="delete-prompt"> <h1>Are you sure you want to delete {name}?</h1> <button onClick={deletePromptHandler.bind(null, false)}>NO</button> <button onClick={deletePromptHandler.bind(null, true)}>YES</button> </div> ); }
const NotFoundPage = () => ( <Layout> <h1>NOT FOUND</h1> <p>You just hit a route that doesn't exist... the sadness.</p> </Layout> )
function Card({ title, subtitle }) { return ( <div style={styles.card}> <h1 style={styles.title}>{title}</h1> {subtitle && <h2 style={styles.subtitle}>{subtitle}</h2>} </div> ) }
render() { return ( <div> <h1>Dummy Component Redux</h1> </div> ) }
// App Imports // Component const DummyComponentPure = () => ( <div> <h1>Dummy Component Pure</h1> </div> )
const NotFoundPage = () => ( <Layout> <h1>NOT FOUND</h1> <p>You just hit a route that doesn't exist... the sadness.</p> </Layout> )
render() { return ( <div> <h1>Dummy Component</h1> </div> ) }
const HeaderGeneric = (props) => ( <header id="header"> <h1>Generic</h1> <p>Ipsum dolor sit amet nullam</p> </header> )
render() { return ( <div> <h1>Dummy Component</h1> </div> ) }
render() { return ( <div> <h1>Dummy Component Redux</h1> </div> ) }