diff options
author | JoramWilander <jwawilander@gmail.com> | 2015-11-05 12:22:40 -0500 |
---|---|---|
committer | JoramWilander <jwawilander@gmail.com> | 2015-11-05 12:22:40 -0500 |
commit | 2c271d1514611e06b2a1a46ea8bba7e27322accf (patch) | |
tree | 48d376c7207afb322f3b247ba3222988026623d1 /web/react/components | |
parent | 0bf92c8adaa8cc336542a94341124135c99c8c3b (diff) | |
download | chat-2c271d1514611e06b2a1a46ea8bba7e27322accf.tar.gz chat-2c271d1514611e06b2a1a46ea8bba7e27322accf.tar.bz2 chat-2c271d1514611e06b2a1a46ea8bba7e27322accf.zip |
Use state for current screen in turotial intro
Diffstat (limited to 'web/react/components')
-rw-r--r-- | web/react/components/tutorial/tutorial_intro_screens.jsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/web/react/components/tutorial/tutorial_intro_screens.jsx b/web/react/components/tutorial/tutorial_intro_screens.jsx index 8fcd5a0f3..66ca556c6 100644 --- a/web/react/components/tutorial/tutorial_intro_screens.jsx +++ b/web/react/components/tutorial/tutorial_intro_screens.jsx @@ -52,7 +52,7 @@ export default class TutorialIntroScreens extends React.Component { } } createScreenOne() { - const circles = this.createCircles(0); + const circles = this.createCircles(); return ( <div> @@ -65,7 +65,7 @@ export default class TutorialIntroScreens extends React.Component { ); } createScreenTwo() { - const circles = this.createCircles(1); + const circles = this.createCircles(); return ( <div> @@ -105,7 +105,7 @@ export default class TutorialIntroScreens extends React.Component { ); } - const circles = this.createCircles(2); + const circles = this.createCircles(); return ( <div> @@ -129,11 +129,11 @@ export default class TutorialIntroScreens extends React.Component { </div> ); } - createCircles(index) { + createCircles() { const circles = []; for (let i = 0; i < NUM_SCREENS; i++) { let className = 'circle'; - if (i === index) { + if (i === this.state.currentScreen) { className += ' active'; } |