From f14cd4e0d3fee26a4d57d81976511f4a23abf12f Mon Sep 17 00:00:00 2001
From: Miguel Serrano <mserranom@users.noreply.github.com>
Date: Mon, 11 Aug 2025 12:19:49 +0200
Subject: [PATCH] Merge pull request #27685 from
 overleaf/msm-group-audit-log-event

[web] Analytics events for Group Audit Logs

GitOrigin-RevId: 751d4332a2b0f4b33fbe48a5a4c03ba45b2b5c7f
---
 .../dashboard/managed-group-subscriptions.tsx         |  6 ++++++
 .../subscription/components/dashboard/row-link.tsx    | 11 +++++++++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/js/features/subscription/components/dashboard/managed-group-subscriptions.tsx b/services/web/frontend/js/features/subscription/components/dashboard/managed-group-subscriptions.tsx
index 9af548ceb1..b4077f9a45 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/managed-group-subscriptions.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/managed-group-subscriptions.tsx
@@ -7,6 +7,7 @@ import { Trans, useTranslation } from 'react-i18next'
 import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
 import { RowLink } from './row-link'
 import { ManagedGroupSubscription } from '../../../../../../types/subscription/dashboard/subscription'
+import { sendMB } from '@/infrastructure/event-tracking'
 
 function ManagedGroupAdministrator({
   subscription,
@@ -130,6 +131,11 @@ export default function ManagedGroupSubscriptions() {
                 heading={t('audit_logs')}
                 subtext={t('view_audit_logs_group_subtext')}
                 icon="list"
+                onClick={() =>
+                  sendMB('group-audit-log-click', {
+                    subscriptionId: subscription._id,
+                  })
+                }
               />
               <RowLink
                 href={`/metrics/groups/${subscription._id}`}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/row-link.tsx b/services/web/frontend/js/features/subscription/components/dashboard/row-link.tsx
index 42e331fdd0..47e94bffca 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/row-link.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/row-link.tsx
@@ -5,12 +5,19 @@ type RowLinkProps = {
   heading: string
   subtext: string
   icon: string
+  onClick?: () => void
 }
 
-export function RowLink({ href, heading, subtext, icon }: RowLinkProps) {
+export function RowLink({
+  href,
+  heading,
+  subtext,
+  icon,
+  onClick,
+}: RowLinkProps) {
   return (
     <li className="list-group-item row-link">
-      <a href={href} className="row-link-inner">
+      <a href={href} className="row-link-inner" onClick={onClick}>
         <MaterialIcon type={icon} className="p-2 p-md-3" />
         <div className="flex-grow-1">
           <strong>{heading}</strong>