aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/auth/Welcome.js
diff options
context:
space:
mode:
authorLibravatar Ricardo Cino <ricardo@cino.io>2022-07-07 09:31:50 +0200
committerLibravatar GitHub <noreply@github.com>2022-07-07 09:31:50 +0200
commit71c52373f81cace664047edd19d9d289f45a4dff (patch)
tree69b3f1d45a8b3f1ceab9497ea3c96e9dc18e3166 /src/components/auth/Welcome.js
parent6.0.0-nightly.91 [skip ci] (diff)
downloadferdium-app-71c52373f81cace664047edd19d9d289f45a4dff.tar.gz
ferdium-app-71c52373f81cace664047edd19d9d289f45a4dff.tar.zst
ferdium-app-71c52373f81cace664047edd19d9d289f45a4dff.zip
chore: Mobx & React-Router upgrade (#406)
Co-authored-by: Vijay A <vraravam@users.noreply.github.com>
Diffstat (limited to 'src/components/auth/Welcome.js')
-rw-r--r--src/components/auth/Welcome.js109
1 files changed, 0 insertions, 109 deletions
diff --git a/src/components/auth/Welcome.js b/src/components/auth/Welcome.js
deleted file mode 100644
index c9d592a88..000000000
--- a/src/components/auth/Welcome.js
+++ /dev/null
@@ -1,109 +0,0 @@
1/* eslint jsx-a11y/anchor-is-valid: 0 */
2import { Component } from 'react';
3import PropTypes from 'prop-types';
4import { observer, PropTypes as MobxPropTypes, inject } from 'mobx-react';
5import { defineMessages, injectIntl } from 'react-intl';
6import serverlessLogin from '../../helpers/serverless-helpers';
7import shuffleArray from '../../helpers/array-helpers';
8import { serverName } from '../../api/apiBase';
9
10import Link from '../ui/Link';
11import { H1 } from '../ui/headline';
12
13const messages = defineMessages({
14 signupButton: {
15 id: 'welcome.signupButton',
16 defaultMessage: 'Create a free account',
17 },
18 loginButton: {
19 id: 'welcome.loginButton',
20 defaultMessage: 'Login to your account',
21 },
22 changeServerMessage: {
23 id: 'login.changeServerMessage',
24 defaultMessage: 'You are using {serverNameParse} Server, do you want to switch?'
25 },
26 changeServer: {
27 id: 'login.changeServer',
28 defaultMessage: 'Change here!'
29 },
30 serverless: {
31 id: 'services.serverless',
32 defaultMessage: 'Use Ferdium without an Account',
33 },
34});
35
36class Welcome extends Component {
37 static propTypes = {
38 loginRoute: PropTypes.string.isRequired,
39 signupRoute: PropTypes.string.isRequired,
40 changeServerRoute: PropTypes.string.isRequired,
41 recipes: MobxPropTypes.arrayOrObservableArray.isRequired,
42 actions: PropTypes.object.isRequired,
43 };
44
45 useLocalServer() {
46 serverlessLogin(this.props.actions);
47 }
48
49 render() {
50 const { intl } = this.props;
51 const { loginRoute, signupRoute, changeServerRoute } = this.props;
52 let { recipes } = this.props;
53 recipes = shuffleArray(recipes);
54 recipes.length = 8 * 2;
55
56 let serverNameParse = serverName();
57 serverNameParse =
58 serverNameParse === 'Custom' ? 'a Custom' : serverNameParse;
59
60 return (
61 <div className="welcome">
62 <div className="welcome__content">
63 <img
64 src="./assets/images/logo.svg"
65 className="welcome__logo"
66 alt=""
67 />
68 {/* <img src="./assets/images/welcome.png" className="welcome__services" alt="" /> */}
69 </div>
70 <div className="welcome__text">
71 <H1>Ferdium</H1>
72 </div>
73 <div className="welcome__buttons">
74 <Link to={signupRoute} className="button button__inverted">
75 {intl.formatMessage(messages.signupButton)}
76 </Link>
77 <Link to={loginRoute} className="button">
78 {intl.formatMessage(messages.loginButton)}
79 </Link>
80 <div className="welcome__text__change-server">
81 <span>
82 {intl.formatMessage(messages.changeServerMessage, { serverNameParse })}
83 </span>
84 <Link to={changeServerRoute} className="button__change-server">
85 <span>
86 {intl.formatMessage(messages.changeServer)}
87 </span>
88 </Link>
89 </div>
90 <br />
91 <hr />
92 <br />
93 <a className="button" onClick={this.useLocalServer.bind(this)}>
94 {intl.formatMessage(messages.serverless)}
95 </a>
96 </div>
97 <div className="welcome__featured-services">
98 {recipes.map(recipe => (
99 <div key={recipe.id} className="welcome__featured-service">
100 <img key={recipe.id} src={recipe.icons.svg} alt="" />
101 </div>
102 ))}
103 </div>
104 </div>
105 );
106 }
107}
108
109export default injectIntl(inject('actions')(observer(Welcome)));