Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/analytics/graphql/queries/createEvent.ts

@@ -0,0 +1,9 @@
+import { gql } from '@apollo/client';
+
+export const CREATE_EVENT = gql`
+  mutation CreateEvent($type: String!, $data: JSON!) {
+    createEvent(type: $type, data: $data) {
+      success
+    }
+  }
+`;

packages/twenty-front/src/modules/analytics/hooks/useEventTracker.ts

@@ -0,0 +1,32 @@
+import { useCallback } from 'react';
+import { useRecoilState } from 'recoil';
+
+import { telemetryState } from '@/client-config/states/telemetryState';
+import { useCreateEventMutation } from '~/generated/graphql';
+
+interface EventLocation {
+  pathname: string;
+}
+
+export interface EventData {
+  location: EventLocation;
+}
+
+export const useEventTracker = () => {
+  const [telemetry] = useRecoilState(telemetryState);
+  const [createEventMutation] = useCreateEventMutation();
+
+  return useCallback(
+    (eventType: string, eventData: EventData) => {
+      if (telemetry.enabled) {
+        createEventMutation({
+          variables: {
+            type: eventType,
+            data: eventData,
+          },
+        });
+      }
+    },
+    [createEventMutation, telemetry],
+  );
+};

packages/twenty-front/src/modules/analytics/hooks/useTrackEvent.ts

@@ -0,0 +1,7 @@
+import { EventData, useEventTracker } from './useEventTracker';
+
+export const useTrackEvent = (eventType: string, eventData: EventData) => {
+  const eventTracker = useEventTracker();
+
+  return eventTracker(eventType, eventData);
+};