diff options
Diffstat (limited to 'webapp/components/get_ios_app/get_ios_app.jsx')
-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 |