adding shoelace

1 files changed, 10 insertions, 1 deletions

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}
       />