From a9ce9faac825281bbb22e227ad384897f2c13daa Mon Sep 17 00:00:00 2001
From: rektdeckard <friedtm@gmail.com>
Date: Sun, 8 May 2022 14:24:20 -0600
Subject: [PATCH] chore(app): add vote analytics

---
 src/components/Banner/Banner.tsx | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/components/Banner/Banner.tsx b/src/components/Banner/Banner.tsx
index 1fb6507..af87e19 100644
--- a/src/components/Banner/Banner.tsx
+++ b/src/components/Banner/Banner.tsx
@@ -1,24 +1,26 @@
 import React from "react";
-import { Medal } from "phosphor-react"; 
+import { Medal } from "phosphor-react";
+import ReactGA from "react-ga";
 
 import "./Banner.css";
 
 const Banner = () => {
+  const handleClick = () => {
+    ReactGA.event({ category: "Outbound", action: "Click", label: "Vote" });
+    window.open(
+      "https://www.figma.com/community/file/903830135544202908",
+      "_blank",
+      "noopener noreferrer"
+    );
+  };
+
   return (
     <div className="banner">
-       The 2022 Figma Community Awards are here!
-      <button
-        className="main-button"
-        onClick={
-            () => window.open(
-              "https://www.figma.com/community/file/903830135544202908",
-              "_blank",
-              "noopener noreferrer",
-            )
-        }>
-          <Medal size={24} weight="fill" />
-          Vote for Phosphor
-        </button>
+      The 2022 Figma Community Awards are here!
+      <button className="main-button" onClick={handleClick}>
+        <Medal size={24} weight="fill" />
+        Vote for Phosphor
+      </button>
     </div>
   );
 };