Tidy up analytics

ResilienceWeb · Nov 27, 2023 · 1ee19c0 · 1ee19c0 · vercel · Nov 27, 2023
1 parent d57d051
commit 1ee19c0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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])