GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-07-17 06:51:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

Chore: logs pipelines UI telemetry (#3964)

Browse Source 
* chore: emit event when user saves pipelines

* chore: emit tracking event for entered edit mode

* chore: emit tracking event for clicking add new processor

* chore: emit tracking event for clicking preview pipeline btn

* chore: address PR feedback
This commit is contained in:
Raj Kamal Singh 2023-11-15 14:38:30 +05:30 committed by GitHub
parent 2ae75e6196
commit a99d7f09a1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 41 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/container/PipelinePage/Layouts/Pipeline/CreatePipelineButton.tsx
View File

@ -3,6 +3,7 @@ import TextToolTip from 'components/TextToolTip';
import { useMemo } from 'react';
import { useTranslation } from 'react-i18next';
import { ActionMode, ActionType, Pipeline } from 'types/api/pipeline/def';
import { trackEvent } from 'utils/segmentAnalytics';
import { ButtonContainer, CustomButton } from '../../styles';
import { checkDataLength } from '../utils';
@ -21,10 +22,20 @@ function CreatePipelineButton({
);
const isDisabled = isActionMode === ActionMode.Editing;
const onEnterEditMode = (): void => setActionMode(ActionMode.Editing);
const onEnterEditMode = (): void => {
setActionMode(ActionMode.Editing);
trackEvent('Logs: Pipelines: Entered Edit Mode', {
source: 'signoz-ui',
});
};
const onAddNewPipeline = (): void => {
setActionMode(ActionMode.Editing);
setActionType(ActionType.AddPipeline);
trackEvent('Logs: Pipelines: Clicked Add New Pipeline', {
source: 'signoz-ui',
});
};
return (

5
frontend/src/container/PipelinePage/PipelineListsView/PipelineExpandView.tsx
View File

@ -11,6 +11,7 @@ import {
PipelineData,
ProcessorData,
} from 'types/api/pipeline/def';
import { trackEvent } from 'utils/segmentAnalytics';
import { tableComponents } from '../config';
import { ModalFooterTitle } from '../styles';
@ -189,6 +190,10 @@ function PipelineExpandView({
const addNewProcessorHandler = useCallback((): void => {
setActionType(ActionType.AddProcessor);
trackEvent('Logs: Pipelines: Clicked Add New Processor', {
source: 'signoz-ui',
});
}, [setActionType]);
const footer = useCallback((): JSX.Element | undefined => {

17
frontend/src/container/PipelinePage/PipelineListsView/PipelineListsView.tsx
View File

@ -15,6 +15,7 @@ import {
PipelineData,
ProcessorData,
} from 'types/api/pipeline/def';
import { trackEvent } from 'utils/segmentAnalytics';
import { v4 } from 'uuid';
import { tableComponents } from '../config';
@ -329,6 +330,10 @@ function PipelineListsView({
const addNewPipelineHandler = useCallback((): void => {
setActionType(ActionType.AddPipeline);
trackEvent('Logs: Pipelines: Clicked Add New Pipeline', {
source: 'signoz-ui',
});
}, [setActionType]);
const footer = useCallback((): JSX.Element | undefined => {
@ -359,8 +364,16 @@ function PipelineListsView({
refetchPipelineLists();
setActionMode(ActionMode.Viewing);
setShowSaveButton(undefined);
setCurrPipelineData(response.payload?.pipelines || []);
setPrevPipelineData(response.payload?.pipelines || []);
const pipelinesInDB = response.payload?.pipelines || [];
setCurrPipelineData(pipelinesInDB);
setPrevPipelineData(pipelinesInDB);
trackEvent('Logs: Pipelines: Saved Pipelines', {
count: pipelinesInDB.length,
enabled: pipelinesInDB.filter((p) => p.enabled).length,
source: 'signoz-ui',
});
} else {
modifiedPipelineData.forEach((item: PipelineData) => {
const pipelineData = item;

10
frontend/src/container/PipelinePage/PipelineListsView/TableComponents/PipelineActions/components/PreviewAction.tsx
View File

@ -3,6 +3,7 @@ import { Divider, Modal } from 'antd';
import PipelineProcessingPreview from 'container/PipelinePage/PipelineListsView/Preview/PipelineProcessingPreview';
import { useState } from 'react';
import { PipelineData } from 'types/api/pipeline/def';
import { trackEvent } from 'utils/segmentAnalytics';
import { iconStyle } from '../../../config';
@ -18,9 +19,16 @@ function PreviewAction({ pipeline }: PreviewActionProps): JSX.Element | null {
return null;
}
const onOpenPreview = (): void => {
openModal();
trackEvent('Logs: Pipelines: Clicked Preview Pipeline', {
source: 'signoz-ui',
});
};
return (
<>
<EyeFilled style={iconStyle} onClick={openModal} />
<EyeFilled style={iconStyle} onClick={onOpenPreview} />
<Modal
open={isModalOpen}
onCancel={closeModal}