diff --git a/src/excalidraw-app/collab/CollabWrapper.tsx b/src/excalidraw-app/collab/CollabWrapper.tsx index c6ffdf95..09bb9bbe 100644 --- a/src/excalidraw-app/collab/CollabWrapper.tsx +++ b/src/excalidraw-app/collab/CollabWrapper.tsx @@ -40,6 +40,7 @@ import { createInverseContext } from "../../createInverseContext"; import { t } from "../../i18n"; import { UserIdleState } from "./types"; import { IDLE_THRESHOLD, ACTIVE_THRESHOLD } from "../../constants"; +import { trackEvent } from "../../analytics"; interface CollabState { modalIsShown: boolean; @@ -188,6 +189,7 @@ class CollabWrapper extends PureComponent { }; openPortal = async () => { + trackEvent("share", "room creation"); return this.initializeSocketClient(null); }; @@ -196,6 +198,7 @@ class CollabWrapper extends PureComponent { if (window.confirm(t("alerts.collabStopOverridePrompt"))) { window.history.pushState({}, APP_NAME, window.location.origin); this.destroySocketClient(); + trackEvent("share", "room closed"); } }; diff --git a/src/excalidraw-app/collab/Portal.tsx b/src/excalidraw-app/collab/Portal.tsx index 091f395f..b79f20ef 100644 --- a/src/excalidraw-app/collab/Portal.tsx +++ b/src/excalidraw-app/collab/Portal.tsx @@ -10,6 +10,7 @@ import { getSyncableElements } from "../../packages/excalidraw/index"; import { ExcalidrawElement } from "../../element/types"; import { BROADCAST, SCENE } from "../app_constants"; import { UserIdleState } from "./types"; +import { trackEvent } from "../../analytics"; class Portal { collab: CollabWrapper; @@ -32,6 +33,7 @@ class Portal { this.socket.on("init-room", () => { if (this.socket) { this.socket.emit("join-room", this.roomId); + trackEvent("share", "room joined"); } }); this.socket.on("new-user", async (_socketId: string) => {