Navigation: add event tracking for dashboard save as events (#62568)

* add event tracking for dashboard save as events

* emit a grafana_dashboard_copied event instead
This commit is contained in:
Ashley Harrison
2023-01-31 13:54:24 +00:00
committed by GitHub
parent 65fbbc06fd
commit 029253d5f6
3 changed files with 16 additions and 7 deletions

View File

@@ -1,6 +1,7 @@
import React from 'react';
import { selectors } from '@grafana/e2e-selectors';
import { reportInteraction } from '@grafana/runtime';
import { Button, ButtonVariant, ComponentSize, ModalsController } from '@grafana/ui';
import { DashboardModel } from 'app/features/dashboard/state';
@@ -49,6 +50,7 @@ export const SaveDashboardAsButton: React.FC<SaveDashboardButtonProps & { varian
<Button
size={size}
onClick={() => {
reportInteraction('grafana_dashboard_save_as_clicked');
showModal(SaveDashboardDrawer, {
dashboard,
onSaveSuccess,

View File

@@ -61,7 +61,7 @@ export const SaveDashboardDrawer = ({ dashboard, onDismiss, onSaveSuccess, isCop
}, [dashboard, previous.value, options, isNew]);
const [showDiff, setShowDiff] = useState(false);
const { state, onDashboardSave } = useDashboardSave(dashboard);
const { state, onDashboardSave } = useDashboardSave(dashboard, isCopy);
const onSuccess = onSaveSuccess
? () => {
onDismiss();

View File

@@ -26,7 +26,7 @@ const saveDashboard = async (saveModel: any, options: SaveDashboardOptions, dash
return result;
};
export const useDashboardSave = (dashboard: DashboardModel) => {
export const useDashboardSave = (dashboard: DashboardModel, isCopy = false) => {
const [state, onDashboardSave] = useAsyncFn(
async (clone: any, options: SaveDashboardOptions, dashboard: DashboardModel) =>
await saveDashboard(clone, options, dashboard),
@@ -46,10 +46,17 @@ export const useDashboardSave = (dashboard: DashboardModel) => {
// important that these happen before location redirect below
appEvents.publish(new DashboardSavedEvent());
notifyApp.success('Dashboard saved');
if (isCopy) {
reportInteraction('grafana_dashboard_copied', {
name: dashboard.title,
url: state.value.url,
});
} else {
reportInteraction(`grafana_dashboard_${dashboard.id ? 'saved' : 'created'}`, {
name: dashboard.title,
url: state.value.url,
});
}
const currentPath = locationService.getLocation().pathname;
const newUrl = locationUtil.stripBaseFromUrl(state.value.url);
@@ -67,7 +74,7 @@ export const useDashboardSave = (dashboard: DashboardModel) => {
);
}
}
}, [dashboard, state, notifyApp, dispatch]);
}, [dashboard, isCopy, state, notifyApp, dispatch]);
return { state, onDashboardSave };
};