From 4c023635f4b068f79a75e7c65bdf0fca8dae0654 Mon Sep 17 00:00:00 2001
From: Bryan Housel <bryan@mapbox.com>
Date: Wed, 29 Mar 2017 12:46:38 -0400
Subject: [PATCH] Dispatch done before calling reveal in playsteps (to style
 the buttons)

---
 modules/ui/intro/area.js       | 6 ++----
 modules/ui/intro/line.js       | 6 ++----
 modules/ui/intro/navigation.js | 6 ++----
 modules/ui/intro/point.js      | 6 ++----
 modules/ui/intro/welcome.js    | 2 +-
 5 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/modules/ui/intro/area.js b/modules/ui/intro/area.js
index 89aeb6b9d..2ad090de1 100644
--- a/modules/ui/intro/area.js
+++ b/modules/ui/intro/area.js
@@ -108,13 +108,11 @@ export function uiIntroArea(context, reveal) {
 
 
     function play() {
+        dispatch.call('done');
         reveal('.intro-nav-wrap .chapter-line',
             t('intro.areas.play', { next: t('intro.lines.title') }), {
                 buttonText: t('intro.ok'),
-                buttonCallback: function() {
-                    dispatch.call('done');
-                    reveal('#id-container');
-                }
+                buttonCallback: function() { reveal('#id-container'); }
             }
         );
     }
diff --git a/modules/ui/intro/line.js b/modules/ui/intro/line.js
index 223be7fb1..84d6da0ec 100644
--- a/modules/ui/intro/line.js
+++ b/modules/ui/intro/line.js
@@ -185,13 +185,11 @@ export function uiIntroLine(context, reveal) {
 
 
     function play() {
+        dispatch.call('done');
         reveal('.intro-nav-wrap .chapter-startEditing',
             t('intro.lines.play', { next: t('intro.startediting.title') }), {
                 buttonText: t('intro.ok'),
-                buttonCallback: function() {
-                    dispatch.call('done');
-                    reveal('#id-container');
-                }
+                buttonCallback: function() { reveal('#id-container'); }
             }
         );
     }
diff --git a/modules/ui/intro/navigation.js b/modules/ui/intro/navigation.js
index e450f1c44..54dce5a7e 100644
--- a/modules/ui/intro/navigation.js
+++ b/modules/ui/intro/navigation.js
@@ -195,13 +195,11 @@ export function uiIntroNavigation(context, reveal) {
 
 
     function play() {
+        dispatch.call('done');
         reveal('.intro-nav-wrap .chapter-point',
             t('intro.navigation.play', { next: t('intro.points.title') }), {
                 buttonText: t('intro.ok'),
-                buttonCallback: function() {
-                    dispatch.call('done');
-                    reveal('#id-container');
-                }
+                buttonCallback: function() { reveal('#id-container'); }
             }
         );
     }
diff --git a/modules/ui/intro/point.js b/modules/ui/intro/point.js
index 46c7d4475..5159743c7 100644
--- a/modules/ui/intro/point.js
+++ b/modules/ui/intro/point.js
@@ -295,13 +295,11 @@ export function uiIntroPoint(context, reveal) {
 
 
     function play() {
+        dispatch.call('done');
         reveal('.intro-nav-wrap .chapter-area',
             t('intro.points.play', { next: t('intro.areas.title') }), {
                 buttonText: t('intro.ok'),
-                buttonCallback: function() {
-                    dispatch.call('done');
-                    reveal('#id-container');
-                }
+                buttonCallback: function() { reveal('#id-container'); }
             }
         );
     }
diff --git a/modules/ui/intro/welcome.js b/modules/ui/intro/welcome.js
index a68013d16..26c65157b 100644
--- a/modules/ui/intro/welcome.js
+++ b/modules/ui/intro/welcome.js
@@ -21,10 +21,10 @@ export function uiIntroWelcome(context, reveal) {
     }
 
     function chapters() {
+        dispatch.call('done');
         reveal('.intro-nav-wrap .chapter-navigation',
             t('intro.welcome.chapters', { next: t('intro.navigation.title') })
         );
-        dispatch.call('done');
     }