From 003f4e811ac2cb1b196595647b586abf9ab70e5e Mon Sep 17 00:00:00 2001
From: Ben Grant <benjamin.grantGRA0007@gmail.com>
Date: Mon, 12 Apr 2021 13:27:23 +1000
Subject: [PATCH] Track key events

---
 crabfit-frontend/src/components/Donate/Donate.tsx | 2 +-
 crabfit-frontend/src/pages/Event/Event.tsx        | 8 +++++++-
 crabfit-frontend/src/pages/Home/Home.tsx          | 3 +++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/crabfit-frontend/src/components/Donate/Donate.tsx b/crabfit-frontend/src/components/Donate/Donate.tsx
index a800521..8843abe 100644
--- a/crabfit-frontend/src/components/Donate/Donate.tsx
+++ b/crabfit-frontend/src/components/Donate/Donate.tsx
@@ -2,7 +2,7 @@ import { Button } from 'components';
 
 const Donate = () => (
 	<div style={{ marginTop: 6, marginLeft: 12 }}>
-		<a href="https://www.paypal.com/donate?business=N89X6YXRT5HKW&item_name=Crab+Fit+Donation&currency_code=AUD" target="_blank" rel="noreferrer">
+		<a onClick={() => gtag('event', 'donate', { 'event_category': 'donate' })} href="https://www.paypal.com/donate?business=N89X6YXRT5HKW&item_name=Crab+Fit+Donation&currency_code=AUD" target="_blank" rel="noreferrer">
 			<Button
 				buttonHeight="30px"
 				buttonWidth="90px"
diff --git a/crabfit-frontend/src/pages/Event/Event.tsx b/crabfit-frontend/src/pages/Event/Event.tsx
index 9d629f7..bb474ce 100644
--- a/crabfit-frontend/src/pages/Event/Event.tsx
+++ b/crabfit-frontend/src/pages/Event/Event.tsx
@@ -257,6 +257,9 @@ const Event = (props) => {
 			}
 		} finally {
 			setIsLoginLoading(false);
+      gtag('event', 'login', {
+        'event_category': 'event',
+      });
 		}
 	};
 
@@ -279,6 +282,9 @@ const Event = (props) => {
                   .then(() => {
                     setCopied('Copied!');
                     setTimeout(() => setCopied(null), 1000);
+                    gtag('event', 'copy_link', {
+                      'event_category': 'event',
+                    });
                   })
                   .catch((e) => console.error('Failed to copy', e))
               }
@@ -286,7 +292,7 @@ const Event = (props) => {
             >{copied ?? `https://crab.fit/${id}`}</ShareInfo>
 						<ShareInfo isLoading={isLoading}>
 							{!!event?.name &&
-								<>Copy the link to this page, or share via <a href={`mailto:?subject=${encodeURIComponent(`Scheduling ${event?.name}`)}&body=${encodeURIComponent(`Visit this link to enter your availabilities: https://crab.fit/${id}`)}`}>email</a>.</>
+								<>Copy the link to this page, or share via <a onClick={() => gtag('event', 'send_email', { 'event_category': 'event' })} href={`mailto:?subject=${encodeURIComponent(`Scheduling ${event?.name}`)}&body=${encodeURIComponent(`Visit this link to enter your availabilities: https://crab.fit/${id}`)}`}>email</a>.</>
 							}
 						</ShareInfo>
 					</>
diff --git a/crabfit-frontend/src/pages/Home/Home.tsx b/crabfit-frontend/src/pages/Home/Home.tsx
index c64f749..b9747b3 100644
--- a/crabfit-frontend/src/pages/Home/Home.tsx
+++ b/crabfit-frontend/src/pages/Home/Home.tsx
@@ -131,6 +131,9 @@ const Home = () => {
 				},
 			});
 			push(`/${response.data.id}`);
+      gtag('event', 'create_event', {
+        'event_category': 'home',
+      });
 		} catch (e) {
 			setError('An error ocurred while creating the event. Please try again later.');
 			console.error(e);