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 b6291666b..edff29ae8 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 | ||
@@ -94,6 +102,7 @@ export default @observer @injectSheet(styles) class Services extends Component { | |||
94 | } = this.state; | 102 | } = this.state; |
95 | 103 | ||
96 | const { intl } = this.context; | 104 | const { intl } = this.context; |
105 | const isLoggedIn = Boolean(localStorage.getItem('authToken')); | ||
97 | 106 | ||
98 | return ( | 107 | return ( |
99 | <div className="services"> | 108 | <div className="services"> |
@@ -112,14 +121,20 @@ export default @observer @injectSheet(styles) class Services extends Component { | |||
112 | transitionName="slideUp" | 121 | transitionName="slideUp" |
113 | > | 122 | > |
114 | <div className="services__no-service"> | 123 | <div className="services__no-service"> |
115 | <img src="./assets/images/logo.svg" alt="" /> | 124 | <img src="./assets/images/logo.svg" alt="Logo" style={{ maxHeight: '50vh' }} /> |
116 | <h1>{intl.formatMessage(messages.welcome)}</h1> | 125 | <h1>{intl.formatMessage(messages.welcome)}</h1> |
126 | { !isLoggedIn && ( | ||
127 | <> | ||
128 | <p>{intl.formatMessage(messages.login)}</p> | ||
129 | <p>{intl.formatMessage(messages.serverInfo)}</p> | ||
130 | </> | ||
131 | ) } | ||
117 | <Appear | 132 | <Appear |
118 | timeout={300} | 133 | timeout={300} |
119 | transitionName="slideUp" | 134 | transitionName="slideUp" |
120 | > | 135 | > |
121 | <Link to="/settings/recipes" className="button"> | 136 | <Link to={isLoggedIn ? '/settings/services' : '/auth/welcome'} className="button"> |
122 | {intl.formatMessage(messages.getStarted)} | 137 | { isLoggedIn ? intl.formatMessage(messages.getStarted) : 'Login' } |
123 | </Link> | 138 | </Link> |
124 | </Appear> | 139 | </Appear> |
125 | </div> | 140 | </div> |