diff options
Diffstat (limited to 'src/components/auth/Welcome.js')
-rw-r--r-- | src/components/auth/Welcome.js | 57 |
1 files changed, 25 insertions, 32 deletions
diff --git a/src/components/auth/Welcome.js b/src/components/auth/Welcome.js index cb522e26e..2d2e2ab28 100644 --- a/src/components/auth/Welcome.js +++ b/src/components/auth/Welcome.js | |||
@@ -2,7 +2,7 @@ | |||
2 | import React, { Component } from 'react'; | 2 | import React, { Component } from 'react'; |
3 | import PropTypes from 'prop-types'; | 3 | import PropTypes from 'prop-types'; |
4 | import { observer, PropTypes as MobxPropTypes, inject } from 'mobx-react'; | 4 | import { observer, PropTypes as MobxPropTypes, inject } from 'mobx-react'; |
5 | import { defineMessages, intlShape } from 'react-intl'; | 5 | import { defineMessages, injectIntl } from 'react-intl'; |
6 | import serverlessLogin from '../../helpers/serverless-helpers'; | 6 | import serverlessLogin from '../../helpers/serverless-helpers'; |
7 | 7 | ||
8 | import Link from '../ui/Link'; | 8 | import Link from '../ui/Link'; |
@@ -10,19 +10,21 @@ import Link from '../ui/Link'; | |||
10 | const messages = defineMessages({ | 10 | const messages = defineMessages({ |
11 | signupButton: { | 11 | signupButton: { |
12 | id: 'welcome.signupButton', | 12 | id: 'welcome.signupButton', |
13 | defaultMessage: '!!!Create a free account', | 13 | defaultMessage: 'Create a free account', |
14 | }, | 14 | }, |
15 | loginButton: { | 15 | loginButton: { |
16 | id: 'welcome.loginButton', | 16 | id: 'welcome.loginButton', |
17 | defaultMessage: '!!!Login to your account', | 17 | defaultMessage: 'Login to your account', |
18 | }, | 18 | }, |
19 | serverless: { | 19 | serverless: { |
20 | id: 'services.serverless', | 20 | id: 'services.serverless', |
21 | defaultMessage: '!!!Use Ferdi without an Account', | 21 | defaultMessage: 'Use Ferdi without an Account', |
22 | }, | 22 | }, |
23 | }); | 23 | }); |
24 | 24 | ||
25 | export default @inject('actions') @observer class Login extends Component { | 25 | @inject('actions') |
26 | @observer | ||
27 | class Login extends Component { | ||
26 | static propTypes = { | 28 | static propTypes = { |
27 | loginRoute: PropTypes.string.isRequired, | 29 | loginRoute: PropTypes.string.isRequired, |
28 | signupRoute: PropTypes.string.isRequired, | 30 | signupRoute: PropTypes.string.isRequired, |
@@ -31,27 +33,22 @@ export default @inject('actions') @observer class Login extends Component { | |||
31 | actions: PropTypes.object.isRequired, | 33 | actions: PropTypes.object.isRequired, |
32 | }; | 34 | }; |
33 | 35 | ||
34 | static contextTypes = { | ||
35 | intl: intlShape, | ||
36 | }; | ||
37 | |||
38 | useLocalServer() { | 36 | useLocalServer() { |
39 | serverlessLogin(this.props.actions); | 37 | serverlessLogin(this.props.actions); |
40 | } | 38 | } |
41 | 39 | ||
42 | render() { | 40 | render() { |
43 | const { intl } = this.context; | 41 | const { intl } = this.props; |
44 | const { | 42 | const { loginRoute, signupRoute, changeServerRoute, recipes } = this.props; |
45 | loginRoute, | ||
46 | signupRoute, | ||
47 | changeServerRoute, | ||
48 | recipes, | ||
49 | } = this.props; | ||
50 | 43 | ||
51 | return ( | 44 | return ( |
52 | <div className="welcome"> | 45 | <div className="welcome"> |
53 | <div className="welcome__content"> | 46 | <div className="welcome__content"> |
54 | <img src="./assets/images/logo.svg" className="welcome__logo" alt="" /> | 47 | <img |
48 | src="./assets/images/logo.svg" | ||
49 | className="welcome__logo" | ||
50 | alt="" | ||
51 | /> | ||
55 | {/* <img src="./assets/images/welcome.png" className="welcome__services" alt="" /> */} | 52 | {/* <img src="./assets/images/welcome.png" className="welcome__services" alt="" /> */} |
56 | <div className="welcome__text"> | 53 | <div className="welcome__text"> |
57 | <h1>Ferdi</h1> | 54 | <h1>Ferdi</h1> |
@@ -73,27 +70,21 @@ export default @inject('actions') @observer class Login extends Component { | |||
73 | <br /> | 70 | <br /> |
74 | 71 | ||
75 | <Link to={changeServerRoute}> | 72 | <Link to={changeServerRoute}> |
76 | <span style={{ | 73 | <span |
77 | textAlign: 'center', | 74 | style={{ |
78 | width: '100%', | 75 | textAlign: 'center', |
79 | cursor: 'pointer', | 76 | width: '100%', |
80 | }} | 77 | cursor: 'pointer', |
78 | }} | ||
81 | > | 79 | > |
82 | Change server | 80 | Change server |
83 | </span> | 81 | </span> |
84 | </Link> | 82 | </Link> |
85 | </div> | 83 | </div> |
86 | <div className="welcome__featured-services"> | 84 | <div className="welcome__featured-services"> |
87 | {recipes.map((recipe) => ( | 85 | {recipes.map(recipe => ( |
88 | <div | 86 | <div key={recipe.id} className="welcome__featured-service"> |
89 | key={recipe.id} | 87 | <img key={recipe.id} src={recipe.icons.svg} alt="" /> |
90 | className="welcome__featured-service" | ||
91 | > | ||
92 | <img | ||
93 | key={recipe.id} | ||
94 | src={recipe.icons.svg} | ||
95 | alt="" | ||
96 | /> | ||
97 | </div> | 88 | </div> |
98 | ))} | 89 | ))} |
99 | </div> | 90 | </div> |
@@ -101,3 +92,5 @@ export default @inject('actions') @observer class Login extends Component { | |||
101 | ); | 92 | ); |
102 | } | 93 | } |
103 | } | 94 | } |
95 | |||
96 | export default injectIntl(Login); | ||