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_ios_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_ios_app')
-rw-r--r-- | webapp/components/get_ios_app/get_ios_app.jsx | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/webapp/components/get_ios_app/get_ios_app.jsx b/webapp/components/get_ios_app/get_ios_app.jsx new file mode 100644 index 000000000..0980b5882 --- /dev/null +++ b/webapp/components/get_ios_app/get_ios_app.jsx @@ -0,0 +1,68 @@ +// 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 AppStoreButton from 'images/app-store-button.png'; +import IPhone6Mockup from 'images/iphone-6-mockup.png'; + +export default class GetIosApp extends React.Component { + render() { + return ( + <div className='get-app get-ios-app'> + <h1 className='get-app__header'> + <FormattedMessage + id='get_app.iosHeader' + defaultMessage='Mattermost works best if you switch to our iPhone app' + /> + </h1> + <hr/> + <a + className='get-ios-app__app-store-link' + href={global.window.mm_config.IosAppDownloadLink} + rel='noopener noreferrer' + > + <img src={AppStoreButton}/> + </a> + <img + className='get-app__screenshot' + src={IPhone6Mockup} + /> + <h2 className='get-ios-app__already-have-it'> + <FormattedMessage + id='get_app.alreadyHaveIt' + defaultMessage='Already have it?' + /> + </h2> + <a + className='btn btn-primary get-ios-app__open-mattermost' + href='mattermost://' + > + <FormattedMessage + id='get_app.openMattermost' + defaultMessage='Open Mattermost' + /> + </a> + <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 |