Add posthog Telemetry (Anonymity Logic + call duration telemetry) (#658)

Co-authored-by: Timo K <timok@element.io>
Co-authored-by: Šimon Brandner <simon.bra.ag@gmail.com>

src/auth/LoginPage.tsx

@@ -33,6 +33,7 @@ import { defaultHomeserver, defaultHomeserverHost } from "../matrix-utils";
 import styles from "./LoginPage.module.css";
 import { useInteractiveLogin } from "./useInteractiveLogin";
 import { usePageTitle } from "../usePageTitle";
+import { PosthogAnalytics } from "../PosthogAnalytics";
 
 export const LoginPage: FC = () => {
   const { t } = useTranslation();
@@ -64,6 +65,7 @@ export const LoginPage: FC = () => {
           } else {
             history.push("/");
           }
+          PosthogAnalytics.instance.eventLogin.track();
         })
         .catch((error) => {
           setError(error);

src/auth/RegisterPage.tsx

@@ -39,6 +39,7 @@ import { LoadingView } from "../FullScreenView";
 import { useRecaptcha } from "./useRecaptcha";
 import { Caption, Link } from "../typography/Typography";
 import { usePageTitle } from "../usePageTitle";
+import { PosthogAnalytics } from "../PosthogAnalytics";
 
 export const RegisterPage: FC = () => {
   const { t } = useTranslation();
@@ -98,6 +99,7 @@ export const RegisterPage: FC = () => {
         }
 
         setClient(newClient, session);
+        PosthogAnalytics.instance.eventSignup.cacheSignupEnd(new Date());
       };
 
       submit()
@@ -142,6 +144,8 @@ export const RegisterPage: FC = () => {
 
   if (loading) {
     return <LoadingView />;
+  } else {
+    PosthogAnalytics.instance.eventSignup.cacheSignupStart(new Date());
   }
 
   return (