From 1ad95b6de756be5a3e6135674162131ffb943382 Mon Sep 17 00:00:00 2001
From: Kristian Polso <kristian.polso@gmail.com>
Date: Fri, 27 Apr 2018 13:30:56 +0300
Subject: [PATCH] Finish up Hook

---
 .vuepress/components/Hook.vue  | 5 ++++-
 .vuepress/components/Step1.vue | 7 ++++++-
 .vuepress/components/Step2.vue | 2 +-
 .vuepress/components/Step3.vue | 9 +++++++--
 4 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/.vuepress/components/Hook.vue b/.vuepress/components/Hook.vue
index c10d524..a747377 100644
--- a/.vuepress/components/Hook.vue
+++ b/.vuepress/components/Hook.vue
@@ -67,10 +67,13 @@ export default {
   },
   created () {
     var component = this;
-    EventBus.$on('file-uploaded', function(txhash) {
+    EventBus.$on('HookFileUploaded', function(txhash) {
       component.txhash = txhash;
       component.uploadDialog = true;
     });
+    EventBus.$on('HookStepUpdate', function(step) {
+      component.activeStep = step;
+    });
   },
   name: 'Hook'
 }
diff --git a/.vuepress/components/Step1.vue b/.vuepress/components/Step1.vue
index a026df6..58da57d 100644
--- a/.vuepress/components/Step1.vue
+++ b/.vuepress/components/Step1.vue
@@ -20,7 +20,7 @@
       <v-flex xs12 v-if="jsonData">
         <p class="subheading">Success! Here is the response for <strong>lbry://{{ address }}</strong>:</p>
         <pre v-highlightjs="jsonData" class="json-example"><code class="json"></code></pre>
-        <v-btn large v-on:click="$router.push('step-2')" class="mt-3">Go to next step</v-btn>
+        <v-btn large v-on:click="goTo(2)" class="mt-3">Go to next step</v-btn>
       </v-flex>
       <template v-if="!isLoading && !jsonData">
         <v-flex xs12>
@@ -80,6 +80,8 @@
 </template>
 
 <script>
+import EventBus from '../event-bus';
+
 export default {
   data () {
     return {
@@ -104,6 +106,9 @@ export default {
       var component = this;
       component.address = address;
       component.fetchMetadata();
+    },
+    goTo (page) {
+      EventBus.$emit('HookStepUpdate', page);
     }
   },
   name: 'Step1'
diff --git a/.vuepress/components/Step2.vue b/.vuepress/components/Step2.vue
index 348c3b6..8a2a27c 100644
--- a/.vuepress/components/Step2.vue
+++ b/.vuepress/components/Step2.vue
@@ -105,7 +105,7 @@ export default {
     },
     submit () {
       // TODO: Do the upload
-      EventBus.$emit('file-uploaded', 'txhashhere');
+      EventBus.$emit('HookFileUploaded', 'txhashhere');
     },
     imagesLoaded (instance) {
       var component = this;
diff --git a/.vuepress/components/Step3.vue b/.vuepress/components/Step3.vue
index 7bacb6d..dbe4750 100644
--- a/.vuepress/components/Step3.vue
+++ b/.vuepress/components/Step3.vue
@@ -5,7 +5,7 @@
         <h1 class="display-2">Support your favorite content creators with LBRY</h1>
         <p class="subheading">Send LBRY coins to claim addresses and the owner will receive it in their wallet.</p>
         <p class="subheading">To send LBC to someone, you need either their wallet address or claim ID.<br/>
-        You can get claim ID's by using resolve method in <router-link to="/">the first step</router-link><br/>
+        You can get claim ID's by using resolve method in <a href="#" v-on:click.stop="goTo(1)">the first step</a><br/>
         Or you can use the examples below.</p>
       </v-flex>
       <v-flex xs12 sm8>
@@ -88,6 +88,8 @@
 </template>
 
 <script>
+import EventBus from '../event-bus';
+
 export default {
   data () {
     return {
@@ -99,7 +101,7 @@ export default {
     }
   },
   methods: {
-    send: function() {
+    send () {
       var component = this;
       component.jsonData = '';
       component.isLoading = true;
@@ -113,6 +115,9 @@ export default {
       var component = this;
       component.address = address;
       component.send();
+    },
+    goTo (page) {
+      EventBus.$emit('HookStepUpdate', page);
     }
   },
   name: 'Step3'