From ccdea72437cfb286f37136b8ebce9bd64c065d65 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Fri, 29 Dec 2023 12:59:01 +0700
Subject: [PATCH] add analytic events

---
 package.json                                  | 1 +
 src/containers/main/Header/index.tsx          | 5 ++++-
 src/containers/node/NodeCommentForm/index.tsx | 1 +
 src/layouts/NodeLayout/index.tsx              | 8 ++++----
 yarn.lock                                     | 5 +++++
 5 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index d5780ec9..10e5589c 100644
--- a/package.json
+++ b/package.json
@@ -86,6 +86,7 @@
     "@types/react": "^17.0.2",
     "@types/react-router-dom": "^5.1.7",
     "@types/throttle-debounce": "^2.1.0",
+    "@types/umami": "^0.1.5",
     "@types/yup": "^0.29.11",
     "@typescript-eslint/eslint-plugin": "^5.10.1",
     "@typescript-eslint/parser": "^5.10.1",
diff --git a/src/containers/main/Header/index.tsx b/src/containers/main/Header/index.tsx
index 183ce210..879d2b22 100644
--- a/src/containers/main/Header/index.tsx
+++ b/src/containers/main/Header/index.tsx
@@ -32,7 +32,10 @@ const Header: FC<HeaderProps> = observer(() => {
   const { borisCommentedAt } = useUpdates();
   const { indicatorEnabled } = useNotifications();
 
-  const onLogin = useCallback(() => showModal(Dialog.Login, {}), [showModal]);
+  const onLogin = useCallback(() => {
+    umami.track('login-button');
+    showModal(Dialog.Login, {});
+  }, [showModal]);
 
   const top = useScrollTop();
 
diff --git a/src/containers/node/NodeCommentForm/index.tsx b/src/containers/node/NodeCommentForm/index.tsx
index a0d57004..822c7187 100644
--- a/src/containers/node/NodeCommentForm/index.tsx
+++ b/src/containers/node/NodeCommentForm/index.tsx
@@ -25,6 +25,7 @@ const NodeCommentForm: FC<Props> = observer(({ saveComment }) => {
   const onCommentSave = useCallback(
     async (comment: IComment) => {
       if (!isUser) {
+        umami.track('register-dialog-from-comment');
         showRegisterDialog({});
         return;
       }
diff --git a/src/layouts/NodeLayout/index.tsx b/src/layouts/NodeLayout/index.tsx
index 25f36cc5..8b9fcaef 100644
--- a/src/layouts/NodeLayout/index.tsx
+++ b/src/layouts/NodeLayout/index.tsx
@@ -31,10 +31,10 @@ const NodeLayout = observer(() => {
 
   useNodeCoverImage(node);
 
-  const onUnauthorizedLike = useCallback(
-    () => showRegisterDialog({}),
-    [showRegisterDialog],
-  );
+  const onUnauthorizedLike = useCallback(() => {
+    umami.track('register-dialog-from-like');
+    showRegisterDialog({});
+  }, [showRegisterDialog]);
 
   return (
     <div className={styles.wrap}>
diff --git a/yarn.lock b/yarn.lock
index 5685b75e..5ccef8ec 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -420,6 +420,11 @@
   resolved "https://registry.yarnpkg.com/@types/throttle-debounce/-/throttle-debounce-2.1.0.tgz#1c3df624bfc4b62f992d3012b84c56d41eab3776"
   integrity sha512-5eQEtSCoESnh2FsiLTxE121IiE60hnMqcb435fShf4bpLRjEu1Eoekht23y6zXS9Ts3l+Szu3TARnTsA0GkOkQ==
 
+"@types/umami@^0.1.5":
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/@types/umami/-/umami-0.1.5.tgz#e09b7404e65c79b5dc804130ae814ef7beb20483"
+  integrity sha512-9MG8FuWArG85OOppjTU41AXF0ifAysjqqUgs68J1LOqOZKOHXLKv3G1NOYRKMAacYeL4f8rYR/spVAa+RfmDDA==
+
 "@types/yargs-parser@*":
   version "20.2.1"
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-20.2.1.tgz#3b9ce2489919d9e4fea439b76916abc34b2df129"