From ef3a53f85cd4af1d941e75e9b9fcbc5e0ac9cbbc Mon Sep 17 00:00:00 2001
From: Juan Cabanas <juan.cabanas@grafana.com>
Date: Thu, 23 Jan 2025 13:06:48 -0300
Subject: [PATCH] Share: Add tracking to invite user button (#99376)

---
 public/app/features/users/UsersActionBar.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/public/app/features/users/UsersActionBar.tsx b/public/app/features/users/UsersActionBar.tsx
index 48ef3a81e83..5a4fa4b2e8b 100644
--- a/public/app/features/users/UsersActionBar.tsx
+++ b/public/app/features/users/UsersActionBar.tsx
@@ -1,5 +1,6 @@
 import { connect, ConnectedProps } from 'react-redux';
 
+import { reportInteraction } from '@grafana/runtime';
 import { RadioButtonGroup, LinkButton, FilterInput, InlineField } from '@grafana/ui';
 import config from 'app/core/config';
 import { contextSrv } from 'app/core/core';
@@ -52,6 +53,13 @@ export const UsersActionBarUnconnected = ({
   // 2) new basic auth users can be created for this instance (!config.disableLoginForm).
   const showInviteButton: boolean = canAddToOrg && !(config.disableLoginForm && config.externalUserMngInfo);
 
+  const onExternalUserMngClick = () => {
+    reportInteraction('users_admin_actions_clicked', {
+      category: 'org_users',
+      item: 'manage_users_external',
+    });
+  };
+
   return (
     <div className="page-action-bar" data-testid="users-action-bar">
       <InlineField grow>
@@ -68,7 +76,12 @@ export const UsersActionBarUnconnected = ({
       )}
       {showInviteButton && <LinkButton href="org/users/invite">Invite</LinkButton>}
       {externalUserMngLinkUrl && (
-        <LinkButton href={getExternalUserMngLinkUrl('manage-users')} target="_blank" rel="noopener">
+        <LinkButton
+          onClick={onExternalUserMngClick}
+          href={getExternalUserMngLinkUrl('manage-users')}
+          target="_blank"
+          rel="noopener"
+        >
           {externalUserMngLinkName}
         </LinkButton>
       )}