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 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { observer, PropTypes as MobxPropTypes, inject } from 'mobx-react';
-import { defineMessages, intlShape } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl';
 import serverlessLogin from '../../helpers/serverless-helpers';
 
 import Link from '../ui/Link';
@@ -10,19 +10,21 @@ import Link from '../ui/Link';
 const messages = defineMessages({
   signupButton: {
     id: 'welcome.signupButton',
-    defaultMessage: '!!!Create a free account',
+    defaultMessage: 'Create a free account',
   },
   loginButton: {
     id: 'welcome.loginButton',
-    defaultMessage: '!!!Login to your account',
+    defaultMessage: 'Login to your account',
   },
   serverless: {
     id: 'services.serverless',
-    defaultMessage: '!!!Use Ferdi without an Account',
+    defaultMessage: 'Use Ferdi without an Account',
   },
 });
 
-export default @inject('actions') @observer class Login extends Component {
+@inject('actions')
+@observer
+class Login extends Component {
   static propTypes = {
     loginRoute: PropTypes.string.isRequired,
     signupRoute: PropTypes.string.isRequired,
@@ -31,27 +33,22 @@ export default @inject('actions') @observer class Login extends Component {
     actions: PropTypes.object.isRequired,
   };
 
-  static contextTypes = {
-    intl: intlShape,
-  };
-
   useLocalServer() {
     serverlessLogin(this.props.actions);
   }
 
   render() {
-    const { intl } = this.context;
-    const {
-      loginRoute,
-      signupRoute,
-      changeServerRoute,
-      recipes,
-    } = this.props;
+    const { intl } = this.props;
+    const { loginRoute, signupRoute, changeServerRoute, recipes } = this.props;
 
     return (
       <div className="welcome">
         <div className="welcome__content">
-          <img src="./assets/images/logo.svg" className="welcome__logo" alt="" />
+          <img
+            src="./assets/images/logo.svg"
+            className="welcome__logo"
+            alt=""
+          />
           {/* <img src="./assets/images/welcome.png" className="welcome__services" alt="" /> */}
           <div className="welcome__text">
             <h1>Ferdi</h1>
@@ -73,27 +70,21 @@ export default @inject('actions') @observer class Login extends Component {
           <br />
 
           <Link to={changeServerRoute}>
-            <span style={{
-              textAlign: 'center',
-              width: '100%',
-              cursor: 'pointer',
-            }}
+            <span
+              style={{
+                textAlign: 'center',
+                width: '100%',
+                cursor: 'pointer',
+              }}
             >
               Change server
             </span>
           </Link>
         </div>
         <div className="welcome__featured-services">
-          {recipes.map((recipe) => (
-            <div
-              key={recipe.id}
-              className="welcome__featured-service"
-            >
-              <img
-                key={recipe.id}
-                src={recipe.icons.svg}
-                alt=""
-              />
+          {recipes.map(recipe => (
+            <div key={recipe.id} className="welcome__featured-service">
+              <img key={recipe.id} src={recipe.icons.svg} alt="" />
             </div>
           ))}
         </div>
@@ -101,3 +92,5 @@ export default @inject('actions') @observer class Login extends Component {
     );
   }
 }
+
+export default injectIntl(Login);