From 6f0d30a4a6827c777b993b18ae490c6ee2a12b80 Mon Sep 17 00:00:00 2001
From: Joshua Li <joshuali925@gmail.com>
Date: Mon, 5 Dec 2022 18:30:36 +0000
Subject: [PATCH] Add some click metrics

Signed-off-by: Joshua Li <joshuali925@gmail.com>
---
 .../public/components/common/search/search.tsx             | 1 +
 .../event_analytics/explorer/events_views/docViewRow.tsx   | 1 +
 .../public/components/event_analytics/home/home.tsx        | 7 ++++++-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/dashboards-observability/public/components/common/search/search.tsx b/dashboards-observability/public/components/common/search/search.tsx
index f6d30725a..989912f33 100644
--- a/dashboards-observability/public/components/common/search/search.tsx
+++ b/dashboards-observability/public/components/common/search/search.tsx
@@ -163,6 +163,7 @@ export const Search = (props: any) => {
             className={`ppl-link ${
               uiSettingsService.get('theme:darkMode') ? 'ppl-link-dark' : 'ppl-link-light'
             }`}
+            data-click-metric-element="common.search.ppl_reference"
             color="hollow"
             onClick={() => showFlyout()}
             onClickAriaLabel={'pplLinkShowFlyout'}
diff --git a/dashboards-observability/public/components/event_analytics/explorer/events_views/docViewRow.tsx b/dashboards-observability/public/components/event_analytics/explorer/events_views/docViewRow.tsx
index 7a4f2c3b2..e1d034215 100644
--- a/dashboards-observability/public/components/event_analytics/explorer/events_views/docViewRow.tsx
+++ b/dashboards-observability/public/components/event_analytics/explorer/events_views/docViewRow.tsx
@@ -123,6 +123,7 @@ export const DocViewRow = forwardRef((props: IDocViewRowProps, ref) => {
       <td className="osdDocTableCell__toggleDetails" key={uniqueId('grid-td-')}>
         <EuiButtonIcon
           className="euiButtonIcon euiButtonIcon--text"
+          data-click-metric-element="event_analytics.events_view.toggle_details"
           onClick={() => {
             toggleDetailOpen();
           }}
diff --git a/dashboards-observability/public/components/event_analytics/home/home.tsx b/dashboards-observability/public/components/event_analytics/home/home.tsx
index 1de183f49..c8ffeaed8 100644
--- a/dashboards-observability/public/components/event_analytics/home/home.tsx
+++ b/dashboards-observability/public/components/event_analytics/home/home.tsx
@@ -396,7 +396,12 @@ export const Home = (props: IHomeProps) => {
                   Use Events Analytics to monitor, correlate, analyze and visualize machine
                   generated data through Piped Processing Language. Save frequently searched queries
                   and visualizations for quick access{' '}
-                  <EuiLink external={true} href={EVENT_ANALYTICS_DOCUMENTATION_URL} target="blank">
+                  <EuiLink
+                    data-click-metric-element="event_analytics.learn_more"
+                    external={true}
+                    href={EVENT_ANALYTICS_DOCUMENTATION_URL}
+                    target="blank"
+                  >
                     Learn more
                   </EuiLink>
                 </EuiText>