diff options
Diffstat (limited to 'mascara/src/app/first-time/create-password-screen.js')
-rw-r--r-- | mascara/src/app/first-time/create-password-screen.js | 36 |
1 files changed, 34 insertions, 2 deletions
diff --git a/mascara/src/app/first-time/create-password-screen.js b/mascara/src/app/first-time/create-password-screen.js index afb1ad8f6..1313de561 100644 --- a/mascara/src/app/first-time/create-password-screen.js +++ b/mascara/src/app/first-time/create-password-screen.js @@ -2,10 +2,42 @@ import React, {Component, PropTypes} from 'react' export default class CreatePasswordScreen extends Component { + state = { + password: '', + confirmPassword: '' + } + render() { return ( - <div> - + <div className="create-password"> + <div className="create-password__title"> + Create Password + </div> + <input + className="first-time-flow__input" + type="password" + placeholder="New Password (min 8 characters)" + onChange={e => this.setState({password: e.target.value})} + /> + <input + className="first-time-flow__input create-password__confirm-input" + type="password" + placeholder="Confirm Password" + onChange={e => this.setState({confirmPassword: e.target.value})} + /> + <button + className="first-time-flow__button" + > + Create + </button> + <a + href="" + className="first-time-flow__link" + onClick={e => e.preventDefault()} + > + Import an account + </a> + <div /> </div> ) } |