From 223edbc507252229a7d9156727067f1c00a68682 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Sun, 18 Jul 2021 10:23:55 -0700
Subject: [PATCH] track events with matomo

---
 src/components/GalleryImage/GalleryImage.js | 2 ++
 src/html.js                                 | 2 +-
 src/pages/index.js                          | 2 ++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/GalleryImage/GalleryImage.js b/src/components/GalleryImage/GalleryImage.js
index b9fd028..4141445 100644
--- a/src/components/GalleryImage/GalleryImage.js
+++ b/src/components/GalleryImage/GalleryImage.js
@@ -18,6 +18,8 @@ const logKeyShortcut = (keyCode) => {
   try {
     // eslint-disable-next-line
     window.plausible("KeyShortcut", { props: { keyCode } });
+    // eslint-disable-next-line
+    _paq.push(['trackEvent', 'GalleryImage', 'KeyShortcut', keyCode]);
   } catch (e) {
     /* do nothing */
   }
diff --git a/src/html.js b/src/html.js
index b7dbba7..fb1a5f8 100644
--- a/src/html.js
+++ b/src/html.js
@@ -31,7 +31,7 @@ export default function HTML(props) {
         {env === "production" && (
           <script>{`window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }`}</script>
         )}
-        {true && (
+        {env === "production" && (
           <script
             dangerouslySetInnerHTML={{
               __html: `
diff --git a/src/pages/index.js b/src/pages/index.js
index 4b0c5e8..b41fc77 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -139,6 +139,8 @@ const IndexPage = ({
           window.plausible("Shuffle", {
             props: { currentImage: currentImage?.base },
           });
+          // eslint-disable-next-line
+          _paq.push(['trackEvent', 'Index', 'Shuffle', currentImage?.base]);
         } catch (e) {
           /* do nothing */
         }