ducky/web
2015-05-03
ducky/web/src/pages/onboard.jsx
First commit. Setup project structure, start getting our registration flow set up. At this point, it runs successfully locally, assuming the auth server is running locally at slightly.local:8080. So, uh... on my computer. Also, we currently have the Register button (on the register page) disabled always, because we still need to hook up form validation and set the this.state.valid property. If that property is set to true, then the button is enabled again. Still to do: validation, logging in. Then what we have written works, minus some configuration stuff that still needs to be figured out.
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 })