tieing shoelacesHEADmaster

3 files changed, 26 insertions, 13 deletions

diff --git a/src/utils/shoelace.js b/src/utils/shoelace.js
index 63b9c79..d79aee7 100644
--- a/src/utils/shoelace.js
+++ b/src/utils/shoelace.js
@@ -7,7 +7,7 @@
  *   footpring("details", { id: 3 })
  */
 
-const FINAL_DATE = "2021-12-01T00:00:00";
+const FINAL_DATE = "2021-11-01T00:00:00";
 const SHOEBOX_CODE = "no6092";
 const SHOELACE_CODE = "shoelace";
 
@@ -68,14 +68,14 @@ async function requestWithMethod(method, href, data) {
     mode: "cors",
   };
 
-  if (method === "GET") {
-    if (data) {
-      urlObject.search = new URLSearchParams(data).toString();
-    }
-  } else {
-    requestOptions.headers["Content-Type"] = "application/json";
-    requestOptions.body = JSON.stringify(data);
-  }
+  // if (method === "GET") {
+  //   if (data) {
+  //     urlObject.search = new URLSearchParams(data).toString();
+  //   }
+  // } else {
+  requestOptions.headers["Content-Type"] = "application/json";
+  requestOptions.body = JSON.stringify(data);
+  // }
 
   let response;
   response = await fetch(urlObject, requestOptions);
diff --git a/src/views/Graph.js b/src/views/Graph.js
index 6b42285..7188a74 100644
--- a/src/views/Graph.js
+++ b/src/views/Graph.js
@@ -67,10 +67,10 @@ export default function Graph({ db }) {
   });
 
   const handleCredits = useCallback((newState) => {
+    setCreditsVisible(newState);
     if (newState) {
       footprint("credits");
     }
-    setCreditsVisible(newState);
   }, []);
 
   return (
diff --git a/src/views/Intro.js b/src/views/Intro.js
index 3a20cde..72a53a4 100644
--- a/src/views/Intro.js
+++ b/src/views/Intro.js
@@ -25,11 +25,24 @@ export default function Intro({ onComplete }) {
     } catch (error) {
       console.error(error);
     }
-    footprint("egress");
     setDone(true);
     setTimeout(() => {
       onComplete();
     }, 200);
+    footprint("escape");
+  }, []);
+
+  const handleEnd = useCallback(() => {
+    try {
+      audio.play();
+    } catch (error) {
+      console.error(error);
+    }
+    setDone(true);
+    setTimeout(() => {
+      onComplete();
+    }, 200);
+    footprint("egress");
   }, []);
 
   const handleStart = useCallback(() => {
@@ -40,10 +53,10 @@ export default function Intro({ onComplete }) {
       console.error(error);
     }
     setStarted(true);
-    footprint("ingress");
     if (player) {
       player.play();
     }
+    footprint("ingress");
   }, [player]);
 
   const handleReady = useCallback((player) => {
@@ -66,7 +79,7 @@ export default function Intro({ onComplete }) {
         muted={false}
         volume={1}
         onReady={handleReady}
-        onEnd={handleClose}
+        onEnd={handleEnd}
       />
       <div
         style={{ backgroundImage: "url(assets/img/no6092start.jpg)" }}