diff options
Diffstat (limited to 'src/components/services/content/Services.js')
-rw-r--r-- | src/components/services/content/Services.js | 23 |
1 files changed, 19 insertions, 4 deletions
diff --git a/src/components/services/content/Services.js b/src/components/services/content/Services.js index 73c27bfb6..1afbaabc4 100644 --- a/src/components/services/content/Services.js +++ b/src/components/services/content/Services.js | |||
@@ -13,12 +13,20 @@ import Appear from '../../ui/effects/Appear'; | |||
13 | const messages = defineMessages({ | 13 | const messages = defineMessages({ |
14 | welcome: { | 14 | welcome: { |
15 | id: 'services.welcome', | 15 | id: 'services.welcome', |
16 | defaultMessage: '!!!Welcome to Franz', | 16 | defaultMessage: '!!!Welcome to Ferdi', |
17 | }, | 17 | }, |
18 | getStarted: { | 18 | getStarted: { |
19 | id: 'services.getStarted', | 19 | id: 'services.getStarted', |
20 | defaultMessage: '!!!Get started', | 20 | defaultMessage: '!!!Get started', |
21 | }, | 21 | }, |
22 | login: { | ||
23 | id: 'services.login', | ||
24 | defaultMessage: '!!!Please login to use Ferdi.', | ||
25 | }, | ||
26 | serverInfo: { | ||
27 | id: 'services.serverInfo', | ||
28 | defaultMessage: '!!!Optionally, you can change your Ferdi server by clicking the cog in the bottom left corner.', | ||
29 | }, | ||
22 | }); | 30 | }); |
23 | 31 | ||
24 | 32 | ||
@@ -86,6 +94,7 @@ export default @observer @injectSheet(styles) class Services extends Component { | |||
86 | } = this.state; | 94 | } = this.state; |
87 | 95 | ||
88 | const { intl } = this.context; | 96 | const { intl } = this.context; |
97 | const isLoggedIn = Boolean(localStorage.getItem('authToken')); | ||
89 | 98 | ||
90 | return ( | 99 | return ( |
91 | <div className="services"> | 100 | <div className="services"> |
@@ -104,14 +113,20 @@ export default @observer @injectSheet(styles) class Services extends Component { | |||
104 | transitionName="slideUp" | 113 | transitionName="slideUp" |
105 | > | 114 | > |
106 | <div className="services__no-service"> | 115 | <div className="services__no-service"> |
107 | <img src="./assets/images/logo.svg" alt="" /> | 116 | <img src="./assets/images/logo.svg" alt="Logo" style={{ maxHeight: '50vh' }} /> |
108 | <h1>{intl.formatMessage(messages.welcome)}</h1> | 117 | <h1>{intl.formatMessage(messages.welcome)}</h1> |
118 | { !isLoggedIn && ( | ||
119 | <> | ||
120 | <p>{intl.formatMessage(messages.login)}</p> | ||
121 | <p>{intl.formatMessage(messages.serverInfo)}</p> | ||
122 | </> | ||
123 | ) } | ||
109 | <Appear | 124 | <Appear |
110 | timeout={300} | 125 | timeout={300} |
111 | transitionName="slideUp" | 126 | transitionName="slideUp" |
112 | > | 127 | > |
113 | <Link to="/settings/recipes" className="button"> | 128 | <Link to={isLoggedIn ? '/settings/services' : '/auth/welcome'} className="button"> |
114 | {intl.formatMessage(messages.getStarted)} | 129 | { isLoggedIn ? intl.formatMessage(messages.getStarted) : 'Login' } |
115 | </Link> | 130 | </Link> |
116 | </Appear> | 131 | </Appear> |
117 | </div> | 132 | </div> |