               border      : "5px solid #{COLORS.GRAY}"
 
         <div style={margin: UNIT}>
-                {<ResetPassword
-                    reset_key={reset_key}
-                    reset_password_error={@props.reset_password_error}
-                /> if reset_key}
-                {<ForgotPassword
-                    forgot_password_error={@props.forgot_password_error}
-                    forgot_password_success={@props.forgot_password_success}
-                /> if @props.show_forgot_password}
+            {@render_password_reset()}
+            {@render_forgot_password()}
             <Row style={fontSize: UNIT,\
                         backgroundColor: COLORS.LANDING.LOGIN_BAR_BG,\
                         padding: 5, margin: 0, borderRadius:4}

        has_remember_me         : rtypes.bool
        has_account             : rtypes.bool

    render: ->
        if @props.remember_me
            # CSS of this looks like crap for a moment; worse than nothing. So disabling unless it can be fixed!!
            #return <Connecting />
            return <span/>
        reset_key = reset_password_key()
        if @props.has_remember_me
            topbar =
              img_icon    : APP_ICON_WHITE

        style           : rtypes.object
        has_remember_me : rtypes.bool

    make_account: (e) ->
        e.preventDefault()
        first_name = ReactDOM.findDOMNode(@refs.first_name).value
