diff options
author | Christopher Speller <crspeller@gmail.com> | 2015-11-16 08:51:46 -0500 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2015-11-16 08:51:46 -0500 |
commit | a3658a1427c29c3052d2c094b676a0cd2a73b4cc (patch) | |
tree | b07b4ceb1dd09f13c46c1d8c2edd45bc8af1b08d /web/react/components/tutorial | |
parent | 11f0054bba6a6986967ee3a0ffb6f17fad107783 (diff) | |
parent | 72832822347c547a56a508ce3d933ff42bb1368a (diff) | |
download | chat-a3658a1427c29c3052d2c094b676a0cd2a73b4cc.tar.gz chat-a3658a1427c29c3052d2c094b676a0cd2a73b4cc.tar.bz2 chat-a3658a1427c29c3052d2c094b676a0cd2a73b4cc.zip |
Merge pull request #1424 from mattermost/plt-1113
PLT-1113 Tutorial tip dots are now clickable
Diffstat (limited to 'web/react/components/tutorial')
-rw-r--r-- | web/react/components/tutorial/tutorial_tip.jsx | 27 |
1 files changed, 14 insertions, 13 deletions
diff --git a/web/react/components/tutorial/tutorial_tip.jsx b/web/react/components/tutorial/tutorial_tip.jsx index 75d73e920..dd231b816 100644 --- a/web/react/components/tutorial/tutorial_tip.jsx +++ b/web/react/components/tutorial/tutorial_tip.jsx @@ -51,21 +51,22 @@ export default class TutorialTip extends React.Component { const dots = []; if (this.props.screens.length > 1) { for (let i = 0; i < this.props.screens.length; i++) { + let className = 'circle'; if (i === this.state.currentScreen) { - dots.push( - <div - className='circle active' - key={'dotactive' + i} - /> - ); - } else { - dots.push( - <div - className='circle' - key={'dotinactive' + i} - /> - ); + className += ' active'; } + + dots.push( + <a + href='#' + key={'dotactive' + i} + className={className} + onClick={(e) => { //eslint-disable-line no-loop-func + e.preventDefault(); + this.setState({currentScreen: i}); + }} + /> + ); } } |