From 9c852fa8d84156038e7117a98a4e2ad7f525107c Mon Sep 17 00:00:00 2001
From: Tim Pechersky <tim.pechersky@gmail.com>
Date: Mon, 30 Aug 2021 18:35:50 +0200
Subject: [PATCH] track form submited on analytics page

---
 frontend/pages/analytics.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/frontend/pages/analytics.js b/frontend/pages/analytics.js
index fb320883..a1666c37 100644
--- a/frontend/pages/analytics.js
+++ b/frontend/pages/analytics.js
@@ -3,6 +3,9 @@ import HubspotForm from "react-hubspot-form";
 import { getLayout } from "../src/layouts/AppLayout";
 import { Spinner, Flex, Heading } from "@chakra-ui/react";
 import Scrollable from "../src/components/Scrollable";
+import mixpanel from "mixpanel-browser";
+import MIXPANEL_EVENTS from "../src/core/providers/AnalyticsProvider/constants";
+import { useUser } from "../src/core/hooks";
 
 const Analytics = () => {
   useEffect(() => {
@@ -11,6 +14,8 @@ const Analytics = () => {
     }
   }, []);
 
+  const { user } = useUser();
+
   return (
     <Scrollable>
       <Flex
@@ -31,6 +36,12 @@ const Analytics = () => {
           portalId="8018701"
           formId="39bc0fbe-41c4-430a-b885-46eba66c59c2"
           loading={<Spinner colorScheme="primary" speed="1s" />}
+          onSubmit={() =>
+            mixpanel.track(MIXPANEL_EVENTS.FORM_SUBMITTED, {
+              formType: "Hubspot analytics",
+              user: user,
+            })
+          }
         />
       </Flex>
     </Scrollable>