From 079633d8f62113e1aaab79ed1a925025e436dfcb Mon Sep 17 00:00:00 2001
From: rektdeckard <friedtm@gmail.com>
Date: Sat, 10 Oct 2020 01:17:02 -0400
Subject: [PATCH] DetailsPanel: log GA events on icon details viewed

---
 src/components/IconGrid/DetailsPanel.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/IconGrid/DetailsPanel.tsx b/src/components/IconGrid/DetailsPanel.tsx
index d39c7d3..3f9738a 100644
--- a/src/components/IconGrid/DetailsPanel.tsx
+++ b/src/components/IconGrid/DetailsPanel.tsx
@@ -1,9 +1,10 @@
-import React, { useRef } from "react";
+import React, { useRef, useEffect } from "react";
 import { useRecoilValue, useSetRecoilState } from "recoil";
 import { motion } from "framer-motion";
 import { Svg2Png } from "svg2png-converter";
 import { saveAs } from "file-saver";
 import { Copy, X, CheckCircle, Download } from "phosphor-react";
+import ReactGA from "react-ga";
 
 import {
   iconWeightAtom,
@@ -58,6 +59,11 @@ const DetailsPanel: React.FC<InfoPanelProps> = (props) => {
   const [copied, setCopied] = useTransientState<string | false>(false, 2000);
   const ref = useRef<SVGSVGElement>(null);
 
+  useEffect(
+    () => ReactGA.event({ category: "Grid", action: "Details", label: name }),
+    [name]
+  );
+
   const buttonBarStyle: React.CSSProperties = {
     color: isDark ? "white" : buttonColor,
   };