Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-23 00:22:19 +01:00
Code Issues Projects Releases Wiki Activity

chore: plausible event for event timeline signals tip click (#8349)

Browse Source
This commit is contained in:
David Leek 2024-10-03 15:35:34 +02:00 committed by GitHub
parent 361ef3d3c4
commit 0653800cb8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/component/events/EventTimeline/EventTimelineEventGroup/EventTimelineEventGroup.tsx
View File

@ -34,7 +34,11 @@ export const EventTimelineEventGroup = ({
const position = `${((eventTime - startTime) / timelineDuration) * 100}%`;
const trackHover = () => {
trackEvent('event-timeline-event-hover');
trackEvent('event-timeline', {
props: {
eventType: 'event hover',
},
});
};
return (

6
frontend/src/component/events/EventTimeline/EventTimelineHeader/EventTimelineHeader.tsx
View File

@ -124,7 +124,11 @@ export const EventTimelineHeader = ({
aria-label='close'
size='small'
onClick={() => {
trackEvent('event-timeline-close');
trackEvent('event-timeline', {
props: {
eventType: 'close',
},
});
setOpen(false);
}}
>

11
frontend/src/component/events/EventTimeline/EventTimelineHeader/EventTimelineHeaderTip.tsx
View File

@ -7,6 +7,7 @@ import { useContext } from 'react';
import { useEventTimelineContext } from '../EventTimelineContext';
import { Link, useNavigate } from 'react-router-dom';
import SensorsIcon from '@mui/icons-material/Sensors';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
const StyledTip = styled('div')({
display: 'flex',
@ -30,6 +31,7 @@ export const EventTimelineHeaderTip = () => {
const { isAdmin } = useContext(AccessContext);
const signalsEnabled = useUiFlag('signals');
const { signalEndpoints, loading } = useSignalEndpoints();
const { trackEvent } = usePlausibleTracker();
if (
!signalsSuggestionSeen &&
@ -50,7 +52,14 @@ export const EventTimelineHeaderTip = () => {
external sources in real-time within Unleash
</>
}
onClick={() => navigate(signalsLink)}
onClick={() => {
trackEvent('event-timeline', {
props: {
eventType: 'signals clicked',
},
});
navigate(signalsLink);
}}
onDelete={() => setSignalsSuggestionSeen(true)}
/>
</StyledTip>

12
frontend/src/component/menu/Header/Header.tsx
View File

@ -200,11 +200,13 @@ const Header = () => {
>
<StyledIconButton
onClick={() => {
trackEvent(
showTimeline
? 'event-timeline-close'
: 'event-timeline-open',
);
trackEvent('event-timeline', {
props: {
eventType: showTimeline
? 'close'
: 'open',
},
});
setShowTimeline(!showTimeline);
}}
size='large'

4
frontend/src/hooks/usePlausibleTracker.ts
View File

@ -67,9 +67,7 @@ export type CustomEvents =
| 'new-in-unleash-dismiss'
| 'search-opened'
| 'events-exported'
| 'event-timeline-open'
| 'event-timeline-close'
| 'event-timeline-event-hover'
| 'event-timeline'
| 'onboarding';
export const usePlausibleTracker = () => {