diff options
Diffstat (limited to 'src/components/auth/Welcome.js')
-rw-r--r-- | src/components/auth/Welcome.js | 36 |
1 files changed, 33 insertions, 3 deletions
diff --git a/src/components/auth/Welcome.js b/src/components/auth/Welcome.js index f6d77f70f..1453c1d7c 100644 --- a/src/components/auth/Welcome.js +++ b/src/components/auth/Welcome.js | |||
@@ -1,7 +1,9 @@ | |||
1 | /* eslint jsx-a11y/anchor-is-valid: 0 */ | ||
1 | import React, { Component } from 'react'; | 2 | import React, { Component } from 'react'; |
2 | import PropTypes from 'prop-types'; | 3 | import PropTypes from 'prop-types'; |
3 | import { observer, PropTypes as MobxPropTypes } from 'mobx-react'; | 4 | import { observer, PropTypes as MobxPropTypes, inject } from 'mobx-react'; |
4 | import { defineMessages, intlShape } from 'react-intl'; | 5 | import { defineMessages, intlShape } from 'react-intl'; |
6 | import serverlessLogin from '../../helpers/serverless-helpers'; | ||
5 | 7 | ||
6 | import Link from '../ui/Link'; | 8 | import Link from '../ui/Link'; |
7 | 9 | ||
@@ -14,19 +16,28 @@ const messages = defineMessages({ | |||
14 | id: 'welcome.loginButton', | 16 | id: 'welcome.loginButton', |
15 | defaultMessage: '!!!Login to your account', | 17 | defaultMessage: '!!!Login to your account', |
16 | }, | 18 | }, |
19 | serverless: { | ||
20 | id: 'services.serverless', | ||
21 | defaultMessage: '!!!Use Ferdi without an Account', | ||
22 | }, | ||
17 | }); | 23 | }); |
18 | 24 | ||
19 | export default @observer class Login extends Component { | 25 | export default @inject('actions') @observer class Login extends Component { |
20 | static propTypes = { | 26 | static propTypes = { |
21 | loginRoute: PropTypes.string.isRequired, | 27 | loginRoute: PropTypes.string.isRequired, |
22 | signupRoute: PropTypes.string.isRequired, | 28 | signupRoute: PropTypes.string.isRequired, |
23 | recipes: MobxPropTypes.arrayOrObservableArray.isRequired, | 29 | recipes: MobxPropTypes.arrayOrObservableArray.isRequired, |
30 | actions: PropTypes.object.isRequired, | ||
24 | }; | 31 | }; |
25 | 32 | ||
26 | static contextTypes = { | 33 | static contextTypes = { |
27 | intl: intlShape, | 34 | intl: intlShape, |
28 | }; | 35 | }; |
29 | 36 | ||
37 | useLocalServer() { | ||
38 | serverlessLogin(this.props.actions); | ||
39 | } | ||
40 | |||
30 | render() { | 41 | render() { |
31 | const { intl } = this.context; | 42 | const { intl } = this.context; |
32 | const { | 43 | const { |
@@ -41,7 +52,7 @@ export default @observer class Login extends Component { | |||
41 | <img src="./assets/images/logo.svg" className="welcome__logo" alt="" /> | 52 | <img src="./assets/images/logo.svg" className="welcome__logo" alt="" /> |
42 | {/* <img src="./assets/images/welcome.png" className="welcome__services" alt="" /> */} | 53 | {/* <img src="./assets/images/welcome.png" className="welcome__services" alt="" /> */} |
43 | <div className="welcome__text"> | 54 | <div className="welcome__text"> |
44 | <h1>Franz</h1> | 55 | <h1>Ferdi</h1> |
45 | </div> | 56 | </div> |
46 | </div> | 57 | </div> |
47 | <div className="welcome__buttons"> | 58 | <div className="welcome__buttons"> |
@@ -51,6 +62,25 @@ export default @observer class Login extends Component { | |||
51 | <Link to={loginRoute} className="button"> | 62 | <Link to={loginRoute} className="button"> |
52 | {intl.formatMessage(messages.loginButton)} | 63 | {intl.formatMessage(messages.loginButton)} |
53 | </Link> | 64 | </Link> |
65 | <br /> | ||
66 | <br /> | ||
67 | <a className="button" onClick={this.useLocalServer.bind(this)}> | ||
68 | {intl.formatMessage(messages.serverless)} | ||
69 | </a> | ||
70 | <br /> | ||
71 | <br /> | ||
72 | |||
73 | |||
74 | <Link to="settings/app"> | ||
75 | <span style={{ | ||
76 | textAlign: 'center', | ||
77 | width: '100%', | ||
78 | cursor: 'pointer', | ||
79 | }} | ||
80 | > | ||
81 | Change server | ||
82 | </span> | ||
83 | </Link> | ||
54 | </div> | 84 | </div> |
55 | <div className="welcome__featured-services"> | 85 | <div className="welcome__featured-services"> |
56 | {recipes.map(recipe => ( | 86 | {recipes.map(recipe => ( |