diff options
author | Harrison Healey <harrisonmhealey@gmail.com> | 2016-08-03 00:01:33 -0400 |
---|---|---|
committer | Corey Hulen <corey@hulen.com> | 2016-08-02 20:01:33 -0800 |
commit | 1de3bd3b4340cb51b2699a14a92d653db988a988 (patch) | |
tree | 604703f9acf4ea3b71f30bdfa532020e9fb233be /webapp/components/get_android_app | |
parent | 790dd91e7d93b5debaf86915c34f8a73a3ff95bd (diff) | |
download | chat-1de3bd3b4340cb51b2699a14a92d653db988a988.tar.gz chat-1de3bd3b4340cb51b2699a14a92d653db988a988.tar.bz2 chat-1de3bd3b4340cb51b2699a14a92d653db988a988.zip |
PLT-3640 Add mobile landing pages (#3674)
* PLT-3640 Moved all clientside user agent snooping into a single file
* PLT-3640 Added mobile landing pages on login to iOS and Android web apps
* PLT-3640 Moved landing page to appear before first login
* PLT-3640 Fixed detection of Chrome on Android
* PLT-3640 Disabled mobile landing pages when their respective URLs are set to blank
Diffstat (limited to 'webapp/components/get_android_app')
-rw-r--r-- | webapp/components/get_android_app/get_android_app.jsx | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/webapp/components/get_android_app/get_android_app.jsx b/webapp/components/get_android_app/get_android_app.jsx new file mode 100644 index 000000000..ab73141b1 --- /dev/null +++ b/webapp/components/get_android_app/get_android_app.jsx @@ -0,0 +1,75 @@ +// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved. +// See License.txt for license information. + +import React from 'react'; + +import {FormattedMessage} from 'react-intl'; +import {Link} from 'react-router'; + +import MattermostIcon from 'images/favicon/android-chrome-192x192.png'; +import Nexus6Mockup from 'images/nexus-6p-mockup.png'; + +export default class GetAndroidApp extends React.Component { + render() { + return ( + <div className='get-app get-android-app'> + <h1 className='get-app__header'> + <FormattedMessage + id='get_app.androidHeader' + defaultMessage='Mattermost works best if you switch to our Android app' + /> + </h1> + <hr/> + <div> + <img + className='get-android-app__icon' + src={MattermostIcon} + /> + <div className='get-android-app__app-info'> + <span className='get-android-app__app-name'> + <FormattedMessage + id='get_app.androidAppName' + defaultMessage='Mattermost for Android' + /> + </span> + <span className='get-android-app__app-creator'> + <FormattedMessage + id='get_app.mattermostInc' + defaultMessage='Mattermost, Inc' + /> + </span> + </div> + </div> + <a + className='btn btn-primary get-android-app__continue' + href={global.window.mm_config.AndroidAppDownloadLink} + > + <FormattedMessage + id='get_app.continue' + defaultMessage='Continue' + /> + </a> + <img + className='get-app__screenshot' + src={Nexus6Mockup} + /> + <span className='get-app__continue-with-browser'> + <FormattedMessage + id='get_app.continueWithBrowser' + defaultMessage='Or {link}' + values={{ + link: ( + <Link to='/switch_team'> + <FormattedMessage + id='get_app.continueWithBrowserLink' + defaultMessage='continue with browser' + /> + </Link> + ) + }} + /> + </span> + </div> + ); + } +}
\ No newline at end of file |