diff options
author | Joram Wilander <jwawilander@gmail.com> | 2016-04-05 09:21:20 -0400 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2016-04-05 09:21:20 -0400 |
commit | 26ccc478e1f2b309cfd22271445cfd21cc306262 (patch) | |
tree | 92e085fe254a9b808e184b76a6b536a637e5848d /webapp/components/tutorial/tutorial_tip.jsx | |
parent | da686718a5e56db8fdbed2b41520fceb00519c49 (diff) | |
download | chat-26ccc478e1f2b309cfd22271445cfd21cc306262.tar.gz chat-26ccc478e1f2b309cfd22271445cfd21cc306262.tar.bz2 chat-26ccc478e1f2b309cfd22271445cfd21cc306262.zip |
Move final tutorial tip to RHS menu on mobile
Diffstat (limited to 'webapp/components/tutorial/tutorial_tip.jsx')
-rw-r--r-- | webapp/components/tutorial/tutorial_tip.jsx | 37 |
1 files changed, 36 insertions, 1 deletions
diff --git a/webapp/components/tutorial/tutorial_tip.jsx b/webapp/components/tutorial/tutorial_tip.jsx index deca70794..c9b7367d2 100644 --- a/webapp/components/tutorial/tutorial_tip.jsx +++ b/webapp/components/tutorial/tutorial_tip.jsx @@ -7,7 +7,7 @@ import * as AsyncClient from 'utils/async_client.jsx'; import Constants from 'utils/constants.jsx'; -import {FormattedMessage} from 'react-intl'; +import {FormattedMessage, FormattedHTMLMessage} from 'react-intl'; const Preferences = Constants.Preferences; @@ -166,3 +166,38 @@ TutorialTip.propTypes = { placement: React.PropTypes.string.isRequired, overlayClass: React.PropTypes.string }; + +export function createMenuTip(toggleFunc, onBottom) { + const screens = []; + + screens.push( + <div> + <FormattedHTMLMessage + id='sidebar_header.tutorial' + defaultMessage='<h4>Main Menu</h4> + <p>The <strong>Main Menu</strong> is where you can <strong>Invite New Members</strong>, access your <strong>Account Settings</strong> and set your <strong>Theme Color</strong>.</p> + <p>Team administrators can also access their <strong>Team Settings</strong> from this menu.</p><p>System administrators will find a <strong>System Console</strong> option to administrate the entire system.</p>' + /> + </div> + ); + + let placement = 'right'; + let arrow = 'left'; + if (onBottom) { + placement = 'bottom'; + arrow = 'up'; + } + + return ( + <div + onClick={toggleFunc} + > + <TutorialTip + ref='tip' + placement={placement} + screens={screens} + overlayClass={'tip-overlay--header--' + arrow} + /> + </div> + ); +} |