ducky/web
2015-07-07
Parent:99a43a6d1d30
ducky/web/src/pages/onboard.jsx
Implement subscriptions. Create a Subscription model and a Subscriptions collection, and attach them to the app context. Add a helper to our Profile model to retrieve the Subscription of that model. Still not sure this should be on the Profile--wouldn't it be better on the Me model? Isn't that generally where we would need it?
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 })