From 1ee19c0715f5ae880793c4d963cf1574df118e9c Mon Sep 17 00:00:00 2001
From: Diner <ismail.diner@gmail.com>
Date: Mon, 27 Nov 2023 21:50:53 +0000
Subject: [PATCH] Tidy up analytics

---
 components/drawer/Drawer.tsx                  | 4 ++--
 components/feedback-dialog/FeedbackDialog.tsx | 3 +++
 components/nav/Nav.tsx                        | 4 ++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/components/drawer/Drawer.tsx b/components/drawer/Drawer.tsx
index d10b629d..c2043738 100644
--- a/components/drawer/Drawer.tsx
+++ b/components/drawer/Drawer.tsx
@@ -1,4 +1,4 @@
-import va from '@vercel/analytics'
+import { track } from '@vercel/analytics'
 import NextLink from 'next/link'
 import { memo } from 'react'
 import Select from 'react-select'
@@ -161,7 +161,7 @@ const Drawer = ({
               className={styles.donateButton}
               colorScheme="rw.700"
               size="lg"
-              onClick={() => va.track('donate-click', { web: selectedWebName })}
+              onClick={() => track('donate-click', { web: selectedWebName })}
               rightIcon={<HiHeart />}
             >
               Donate
diff --git a/components/feedback-dialog/FeedbackDialog.tsx b/components/feedback-dialog/FeedbackDialog.tsx
index 66af0746..ea76aa87 100644
--- a/components/feedback-dialog/FeedbackDialog.tsx
+++ b/components/feedback-dialog/FeedbackDialog.tsx
@@ -18,6 +18,7 @@ import {
   chakra,
   useToast,
 } from '@chakra-ui/react'
+import { track } from '@vercel/analytics/react'
 
 import {
   emailRequiredValidator,
@@ -42,6 +43,8 @@ const FeedbackDialog = ({ isOpen, onClose }) => {
       })
       const result = await response.json()
 
+      track('feedback-submit')
+
       if (!result.error) {
         toast({
           title: 'Success',
diff --git a/components/nav/Nav.tsx b/components/nav/Nav.tsx
index 5fbec2fb..90d313f5 100644
--- a/components/nav/Nav.tsx
+++ b/components/nav/Nav.tsx
@@ -3,7 +3,7 @@ import Image from 'next/legacy/image'
 import NextLink from 'next/link'
 import { useSession } from 'next-auth/react'
 import { useRouter } from 'next/router'
-import va from '@vercel/analytics'
+import { track } from '@vercel/analytics'
 import {
   Box,
   Flex,
@@ -59,7 +59,7 @@ export default function MainNav() {
   } = useDisclosure()
 
   const handleOpenFeedbackDialog = useCallback(() => {
-    ;() => va.track('get-in-touch-click')
+    track('feedback-open')
     onOpenFeedbackDialog()
   }, [onOpenFeedbackDialog])