Add event

src/components/auth/AuthorizationPanel.tsx

@@ -1,4 +1,5 @@
 import { Button } from 'antd'
+import { useSendEvent } from 'src/providers/AnalyticContext'
 import { getCurrentUrlOrigin } from 'src/utils/url'
 import urlJoin from 'src/utils/url-join'
 import { NotificationsBell, useNotifCounterContext } from '../activity/NotifCounter'
@@ -15,6 +16,7 @@ function getCurrentPathanme() {
 export const AuthorizationPanel = () => {
   const address = useMyAddress()
   const { unreadCount } = useNotifCounterContext()
+  const sendEvent = useSendEvent()
 
   return (
     <>
@@ -25,7 +27,10 @@ export const AuthorizationPanel = () => {
           <MyAccountPopup className='profileName' />
         </>
       ) : (
-        <a href={urlJoin('/c/widget/login', `?from=${getCurrentPathanme()}`)}>
+        <a
+          href={urlJoin('/c/widget/login', `?from=${getCurrentPathanme()}`)}
+          onClick={() => sendEvent('login_button_clicked', { eventSource: 'polkaverse-ui-navbar' })}
+        >
           <Button type='default'>Sign in</Button>
         </a>
       )}

src/components/auth/NotAuthorized.tsx

@@ -1,11 +1,22 @@
 import { Button } from 'antd'
+import { useSendEvent } from 'src/providers/AnalyticContext'
 import { redirectToLogin } from 'src/utils/url'
 import NoData from '../utils/EmptyList'
 
-export const NotAuthorized = () => (
-  <NoData description='Only signed in users can access this page'>
-    <Button onClick={() => redirectToLogin()}>Sign in</Button>
-  </NoData>
-)
+export const NotAuthorized = () => {
+  const sendEvent = useSendEvent()
+  return (
+    <NoData description='Only signed in users can access this page'>
+      <Button
+        onClick={() => {
+          redirectToLogin()
+          sendEvent('login_button_clicked', { eventSource: 'polkaverse-ui-not-authorized' })
+        }}
+      >
+        Sign in
+      </Button>
+    </NoData>
+  )
+}
 
 export default NotAuthorized

src/components/posts/share/SharePostLink.tsx

@@ -1,5 +1,6 @@
 import { EditOutlined } from '@ant-design/icons'
 import React, { useState } from 'react'
+import { useSendEvent } from 'src/providers/AnalyticContext'
 import { PostWithSomeDetails } from 'src/types'
 import { redirectToLogin } from 'src/utils/url'
 import { useAuth } from '../../auth/AuthContext'
@@ -30,12 +31,20 @@ export const SharePostLink = ({
   const [open, setOpen] = useState<boolean>()
   const postId = isSharedPost ? ext && ext.post.struct.id : id
   const title = 'Write a post'
+  const sendEvent = useSendEvent()
 
   return (
     <>
       <a
         className='DfBlackLink'
-        onClick={() => (isSignedIn ? setOpen(true) : redirectToLogin())}
+        onClick={() => {
+          if (isSignedIn) {
+            setOpen(true)
+          } else {
+            redirectToLogin()
+            sendEvent('login_button_clicked', { eventSource: 'polkaverse-ui-share-post' })
+          }
+        }}
         title={title}
       >
         <IconWithLabel icon={EditIcon} label={title} />

src/components/voting/SuperLike.tsx

@@ -81,6 +81,7 @@ export default function SuperLike({ post, iconClassName, isComment, ...props }:
     if (isActive || isDisabled) return
 
     if (!myAddress || !myGrillAddress) {
+      sendEvent('login_button_clicked', { eventSource: 'polkaverse-ui-super-like' })
       redirectToLogin()
       return
     }