ducky/web
2015-05-31
Parent:99a43a6d1d30
ducky/web/src/pages/onboard.jsx
Update our ValidationError component to accept arrays. Allow our ValidationError component to match an array of fields, headers, or params. This is for components that may address multiple inputs (e.g., month/year inputs) but also lays the ground work for inverse-matching. Ideally, inverse-matching and matching ValidationErrors should mirror each other, logically, so the syntax is identical. But we also should have the common use case easily supported, so if you use field instead of fields (or header/headers, param/params) we'll automatically turn that into an array.
1 import app from 'ampersand-app'
2 import React from 'react'
3 import localLinks from 'local-links'
4 import HeroUnit from '../components/hero'
5 import onboardStyles from '../styles/onboarding.scss'
7 export default React.createClass({
8 displayName: 'OnboardingPage',
10 onLoginClick (event) {
11 event.preventDefault()
12 app.router.navigate('/login')
13 },
15 onRegisterClick (event) {
16 event.preventDefault()
17 app.router.navigate('/register')
18 },
20 render () {
21 return (
22 <div className='container'>
23 <HeroUnit title='Welcome to Ducky' settings='true'>Let’s get our ducks in a row.</HeroUnit>
24 <article className='onboarding'>
25 <p>We’re just as excited as you are, but we need some more information before we can do anything. Don’t worry, this won’t take long</p>
26 <p>First of all, who <em>are</em> you? If you have a Ducky account already, we need you to sign in. If you don’t have one, don’t sweat it. Click that fancy “Register” button below.</p>
27 <div className='actionbuttons'>
28 <button onClick={this.onLoginClick}>Sign in</button>
29 <button onClick={this.onRegisterClick}>Register</button>
30 </div>
31 </article>
32 </div>
33 )
34 }
35 })