diff options
author | vantezzen <properly@protonmail.com> | 2019-08-22 12:03:10 +0200 |
---|---|---|
committer | vantezzen <properly@protonmail.com> | 2019-08-22 12:03:10 +0200 |
commit | df67b6e6adefc9a603e9568a3979881ba98fd3fa (patch) | |
tree | 978c4456e8d5ce9926314faf1b31f308ed9ff708 /src/components/services/content | |
parent | Remove duplicate features list (diff) | |
download | ferdium-app-df67b6e6adefc9a603e9568a3979881ba98fd3fa.tar.gz ferdium-app-df67b6e6adefc9a603e9568a3979881ba98fd3fa.tar.zst ferdium-app-df67b6e6adefc9a603e9568a3979881ba98fd3fa.zip |
Improve onboarding experience
Diffstat (limited to 'src/components/services/content')
-rw-r--r-- | src/components/services/content/Services.js | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/components/services/content/Services.js b/src/components/services/content/Services.js index 22ebde1d3..5d21262af 100644 --- a/src/components/services/content/Services.js +++ b/src/components/services/content/Services.js | |||
@@ -50,6 +50,7 @@ export default @observer class Services extends Component { | |||
50 | update, | 50 | update, |
51 | } = this.props; | 51 | } = this.props; |
52 | const { intl } = this.context; | 52 | const { intl } = this.context; |
53 | const isLoggedIn = Boolean(localStorage.getItem('authToken')); | ||
53 | 54 | ||
54 | return ( | 55 | return ( |
55 | <div className="services"> | 56 | <div className="services"> |
@@ -59,14 +60,17 @@ export default @observer class Services extends Component { | |||
59 | transitionName="slideUp" | 60 | transitionName="slideUp" |
60 | > | 61 | > |
61 | <div className="services__no-service"> | 62 | <div className="services__no-service"> |
62 | <img src="./assets/images/logo.svg" alt="" /> | 63 | <img src="./assets/images/logo.svg" alt="Logo" style={{ maxHeight: '50vh' }} /> |
63 | <h1>{intl.formatMessage(messages.welcome)}</h1> | 64 | <h1>{intl.formatMessage(messages.welcome)}</h1> |
65 | { !isLoggedIn && ( | ||
66 | <p>Please open settings, choose a Ferdi server and click "Login" in the bottom left corner.</p> | ||
67 | ) } | ||
64 | <Appear | 68 | <Appear |
65 | timeout={300} | 69 | timeout={300} |
66 | transitionName="slideUp" | 70 | transitionName="slideUp" |
67 | > | 71 | > |
68 | <Link to="/settings/recipes" className="button"> | 72 | <Link to={ isLoggedIn ? '/settings/services' : '/settings/app' } className="button"> |
69 | {intl.formatMessage(messages.getStarted)} | 73 | { isLoggedIn ? intl.formatMessage(messages.getStarted) : 'Open settings' } |
70 | </Link> | 74 | </Link> |
71 | </Appear> | 75 | </Appear> |
72 | </div> | 76 | </div> |