From 2c271d1514611e06b2a1a46ea8bba7e27322accf Mon Sep 17 00:00:00 2001
From: JoramWilander <jwawilander@gmail.com>
Date: Thu, 5 Nov 2015 12:22:40 -0500
Subject: Use state for current screen in turotial intro

---
 web/react/components/tutorial/tutorial_intro_screens.jsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'web/react/components')

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';
             }
 
-- 
cgit v1.2.3-1-g7c22