chore: enhance umami tracking for additional user interactions in sidebar, post actions, and account management components

Author: bigint

src/components/Groups/Sidebar/Create/CreateGroup.tsx

@@ -37,7 +37,14 @@ const CreateGroup = () => {
           <H5>Create a group</H5>
           <div>Create a new group on Hey</div>
         </div>
-        <Button onClick={() => setShowModal(true)}>Create group</Button>
+        <Button
+          onClick={() => {
+            umami.track("open_create_group");
+            setShowModal(true);
+          }}
+        >
+          Create group
+        </Button>
       </Card>
       <Modal
         onClose={() => setShowModal(false)}

src/components/Post/OpenAction/CollectAction/index.tsx

@@ -20,7 +20,10 @@ const CollectAction = ({ post }: CollectActionProps) => {
       <button
         aria-label="Collect"
         className="rounded-full p-1.5 outline-offset-2 hover:bg-gray-300/20"
-        onClick={() => setShowCollectModal(true)}
+        onClick={() => {
+          umami.track("open_collect_modal");
+          setShowCollectModal(true);
+        }}
         type="button"
       >
         <Tooltip

src/components/Post/OpenAction/TipAction/index.tsx

@@ -32,7 +32,10 @@ const TipAction = ({ post, showCount }: TipActionProps) => {
               : "text-gray-500 hover:bg-gray-300/20 dark:text-gray-200",
             "rounded-full p-1.5 outline-offset-2"
           )}
-          onClick={stopEventPropagation}
+          onClick={(e) => {
+            stopEventPropagation(e);
+            umami.track("open_tip_action");
+          }}
         >
           <Tooltip content="Tip" placement="top" withDelay>
             <TipIcon

src/components/Settings/Blocked/List.tsx

@@ -71,9 +71,10 @@ const List = () => {
               hideUnfollowButton
             />
             <Button
-              onClick={() =>
-                setShowBlockOrUnblockAlert(true, accountBlocked.account)
-              }
+              onClick={() => {
+                umami.track("open_unblock_from_list");
+                setShowBlockOrUnblockAlert(true, accountBlocked.account);
+              }}
             >
               Unblock
             </Button>

src/components/Settings/Sessions/List.tsx

@@ -46,6 +46,7 @@ const List = () => {
   const handleRevoke = async (authenticationId: string) => {
     setRevoking(true);
     setRevokeingSessionId(authenticationId);
+    umami.track("revoke_session");
 
     return await revokeAuthentication({
       variables: { request: { authenticationId } }

src/components/Settings/Username/LinkUsername.tsx

@@ -69,6 +69,7 @@ const LinkUsername = () => {
     }
 
     setLinkingUsername(localName);
+    umami.track("link_username");
 
     return await assignUsernameToAccount({
       variables: { request: { username: { localName } } }

src/components/Shared/Account/DismissRecommendedAccount.tsx

@@ -19,6 +19,7 @@ const DismissRecommendedAccount = ({
     });
 
   const handleDismiss = async () => {
+    umami.track("dismiss_recommendation");
     await dismissRecommendedAccount();
   };
 

src/components/Shared/Account/TipButton.tsx

@@ -23,7 +23,10 @@ const TipButton = ({ account }: TipButtonProps) => {
       <MenuButton
         aria-label="Tip"
         as={Button}
-        onClick={stopEventPropagation}
+        onClick={(e) => {
+          stopEventPropagation(e);
+          umami.track("open_tip_menu");
+        }}
         outline
       >
         <Tooltip content="Tip" placement="top" withDelay>

src/components/Shared/Modal/ReportAccount/index.tsx

@@ -45,6 +45,7 @@ const ReportAccount = ({ account }: ReportAccountProps) => {
   const reportAccount = async ({
     additionalComment
   }: z.infer<typeof ValidationSchema>) => {
+    umami.track("report_account");
     const response = await createReport({
       variables: {
         request: {

src/components/Shared/Modal/ReportPost/index.tsx

@@ -39,6 +39,7 @@ const ReportPost = ({ postId }: ReportPostProps) => {
   const reportPost = async ({
     additionalComment
   }: z.infer<typeof ValidationSchema>) => {
+    umami.track("report_post");
     return await createReport({
       variables: {
         request: {