From f6b70e0a6961ce3dda23dc3b4f30f7d8a277d315 Mon Sep 17 00:00:00 2001
From: William Assis <35489495+gassiss@users.noreply.github.com>
Date: Mon, 17 Jan 2022 10:07:36 -0300
Subject: [PATCH] Dashboard save interaction evt (#43304)

---
 .../components/DashboardSettings/DashboardSettings.tsx      | 6 ++----
 .../dashboard/components/SaveDashboard/useDashboardSave.tsx | 6 +++++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx b/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx
index dd8d6763e86..125beaab782 100644
--- a/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx
+++ b/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx
@@ -138,10 +138,8 @@ export function DashboardSettings({ dashboard, editview }: Props) {
             <aside className="dashboard-settings__aside">
               {pages.map((page) => (
                 <Link
-                  to={(loc) => {
-                    reportInteraction(`Dashboard settings navigation to ${page.id}`);
-                    return locationUtil.updateSearchParams(loc.search, `editview=${page.id}`);
-                  }}
+                  onClick={() => reportInteraction(`Dashboard settings navigation to ${page.id}`)}
+                  to={(loc) => locationUtil.updateSearchParams(loc.search, `editview=${page.id}`)}
                   className={cx('dashboard-settings__nav-item', { active: page.id === editview })}
                   key={page.id}
                 >
diff --git a/public/app/features/dashboard/components/SaveDashboard/useDashboardSave.tsx b/public/app/features/dashboard/components/SaveDashboard/useDashboardSave.tsx
index 146aa4d45ab..7245e3029e6 100644
--- a/public/app/features/dashboard/components/SaveDashboard/useDashboardSave.tsx
+++ b/public/app/features/dashboard/components/SaveDashboard/useDashboardSave.tsx
@@ -5,7 +5,7 @@ import { SaveDashboardOptions } from './types';
 import appEvents from 'app/core/app_events';
 import { DashboardModel } from 'app/features/dashboard/state';
 import { saveDashboard as saveDashboardApiCall } from 'app/features/manage-dashboards/state/actions';
-import { locationService } from '@grafana/runtime';
+import { locationService, reportInteraction } from '@grafana/runtime';
 import { DashboardSavedEvent } from 'app/types/events';
 
 const saveDashboard = (saveModel: any, options: SaveDashboardOptions, dashboard: DashboardModel) => {
@@ -32,6 +32,10 @@ export const useDashboardSave = (dashboard: DashboardModel) => {
       // important that these happen before location redirect below
       appEvents.publish(new DashboardSavedEvent());
       appEvents.emit(AppEvents.alertSuccess, ['Dashboard saved']);
+      reportInteraction(`Dashboard ${dashboard.id ? 'saved' : 'created'}`, {
+        name: dashboard.title,
+        url: state.value.url,
+      });
 
       const currentPath = locationService.getLocation().pathname;
       const newUrl = locationUtil.stripBaseFromUrl(state.value.url);