From 526f2d2c9f6c5ff8867cb0c645326e0a8f7991ae Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 18 Oct 2021 13:16:22 +0200
Subject: adding shoelace

---
 src/views/Credits.js |  6 +-----
 src/views/Detail.js  |  2 +-
 src/views/Graph.js   | 11 ++++++++++-
 src/views/Intro.js   |  3 +++
 4 files changed, 15 insertions(+), 7 deletions(-)

(limited to 'src/views')

diff --git a/src/views/Credits.js b/src/views/Credits.js
index bf411c2..578b6e2 100644
--- a/src/views/Credits.js
+++ b/src/views/Credits.js
@@ -99,14 +99,11 @@ const CREDITS_STRINGS = {
       National Gallery of Canada /<br/>
       Musée des Beaux-Arts du Canada<br/>
       <a href="https://gallery.ca/" target="_blank">gallery.ca</a><br/>
-      &<br/>
-      The Courtauld Institute for Art<br/>
-      <a href="https://courtauld.ac.uk/" target="_blank">courtauld.ac.uk</a>
     </div>
   `,
   press: `
       <h2>&nbsp;</h2>
-      The artist thanks the creative team that made this happen: Nadim, Jules, Raf and Brandon. Thanks to the partnering institutions the National Gallery of Canada, particularly Sasha Suda, Kitty Scott and Jonathan Shaughnessy, and The Courtauld, especially Sara Wilson. Thank you to Ala Roushan for the patient working through the entire project. <br/>
+      The artist thanks the creative team that made this happen: Nadim, Jules, Raf and Brandon. Thanks to the partnering institutions the National Gallery of Canada, particularly Sasha Suda, Kitty Scott and Jonathan Shaughnessy. Thank you to Ala Roushan for the patient working through the entire project. <br/>
       <br/>
       Press Enquiries:<br/>
       Natanja von Stosch<br/>
@@ -130,7 +127,6 @@ const CREDITS_STRINGS = {
   logos: `
     <a href="https://www.kw-berlin.de/" target="_blank"><img src="assets/img/kw-white.png"></a>
     <a href="https://www.gallery.ca/" target="_blank"><img src="assets/img/ngc.svg"></a>
-    <a href="https://courtauld.ac.uk/" target="_blank"><img src="assets/img/courtauld.svg"></a>
     <img src="assets/img/ksb.svg">
   `,
   bibliography1: `
diff --git a/src/views/Detail.js b/src/views/Detail.js
index fb17c06..82cbb24 100644
--- a/src/views/Detail.js
+++ b/src/views/Detail.js
@@ -69,7 +69,7 @@ export default function Detail({ node, visible, onClose }) {
       </div>
       <div className="media">
         <div className="buttons close">
-          <img src="/assets/img/close.svg" onClick={onClose} />
+          <img src="assets/img/close.svg" onClick={onClose} />
         </div>
         {index === 33 ? (
           <Clocks onLoad={handleLoad} />
diff --git a/src/views/Graph.js b/src/views/Graph.js
index 0920f76..6b42285 100644
--- a/src/views/Graph.js
+++ b/src/views/Graph.js
@@ -10,6 +10,7 @@ import Quote from "./Quote.js";
 import Credits from "./Credits.js";
 import Title from "./Title.js";
 import buildGraph from "../graph.js";
+import { footprint } from "../utils/shoelace.js";
 
 export default function Graph({ db }) {
   const [node, setNode] = useState(null);
@@ -46,6 +47,7 @@ export default function Graph({ db }) {
   const handleClick = useCallback((node) => {
     setNode(node);
     setDetailVisible(true);
+    footprint("details", { id: node.id + 1 });
   });
 
   /** Click to close the media modal */
@@ -64,6 +66,13 @@ export default function Graph({ db }) {
     }
   });
 
+  const handleCredits = useCallback((newState) => {
+    if (newState) {
+      footprint("credits");
+    }
+    setCreditsVisible(newState);
+  }, []);
+
   return (
     <div className={introTextDone ? "" : "intro-text"}>
       <Detail node={node} visible={detailVisible} onClose={handleClose} />
@@ -74,7 +83,7 @@ export default function Graph({ db }) {
       />
       <Quote visible={introDone && !detailVisible && !creditsVisible} />
       <Credits
-        onToggle={setCreditsVisible}
+        onToggle={handleCredits}
         visible={introDone && !detailVisible}
         open={creditsVisible}
       />
diff --git a/src/views/Intro.js b/src/views/Intro.js
index 1868b1c..3a20cde 100644
--- a/src/views/Intro.js
+++ b/src/views/Intro.js
@@ -4,6 +4,7 @@
 
 import React, { useState, useCallback } from "react";
 import Vimeo from "@u-wave/react-vimeo";
+import { footprint } from "../utils/shoelace.js";
 
 let playing = false;
 
@@ -24,6 +25,7 @@ export default function Intro({ onComplete }) {
     } catch (error) {
       console.error(error);
     }
+    footprint("egress");
     setDone(true);
     setTimeout(() => {
       onComplete();
@@ -38,6 +40,7 @@ export default function Intro({ onComplete }) {
       console.error(error);
     }
     setStarted(true);
+    footprint("ingress");
     if (player) {
       player.play();
     }
-- 
cgit v1.2.3-70-g09d2