Closes #158

app/components/client/tour-scripts.js

@@ -192,7 +192,7 @@ curl --header <span class="token string">"Content-Type: application/json"</span>
         "example": exampleNumber
       }));
 
-      document.getElementById("fetch-claim-uri").value = data;
+      document.getElementById("fetch-claim-uri").value = data; // TODO: ...
 
       document.getElementById("tour-results").innerHTML = `
         <pre><code class="language-bash">
@@ -234,6 +234,10 @@ const handleExamples = debounce(event => {
   switch(data.action) {
     case "choose claim":
       fetchMetadata(exampleNumber, data.claimId);
+
+      if (document.querySelector(".tour__navigation__example:nth-child(3)").classList.contains("active"))
+        document.getElementById("fetch-claim-uri").value = event.alt + "#" + event.dataset.claimId;
+
       break;
 
     case "execute claim":

app/components/footer.js

@@ -18,7 +18,7 @@ const config = local("/config");
 
 //  E X P O R T
 
-export default function (state) {
+export default state => {
   return html`
     <section class="email-subscribe-container">
       ${emailSubscribe()}
@@ -64,4 +64,4 @@ export default function (state) {
        ga("send", "pageview");
     </script>
   `;
-}
+};

app/components/playground.js

@@ -12,7 +12,7 @@ import raw from "choo/html/raw";
 
 //  E X P O R T
 
-export default function () {
+export default () => {
   return dedent`
     <section class="tour">
       <ul class="tour__navigation">
@@ -22,7 +22,7 @@ export default function () {
       <section class="tour__content">${raw(example1())}</section>
     </section>
   `;
-}
+};
 
 
 

app/dist/scripts/sockets.js

@@ -59,7 +59,7 @@ function initializeWebSocketConnection() {
 
           setTimeout(() => {
             document.querySelector(".tour__content__meme__canvas__thumbnail").click();
-          }, 100);
+          }, 500);
         }
 
         if (document.getElementById("tour-example-description")) {