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 position = `${((eventTime - startTime) / timelineDuration) * 100}%`;
const trackHover = () => { const trackHover = () => {
trackEvent('event-timeline-event-hover'); trackEvent('event-timeline', {
props: {
eventType: 'event hover',
},
});
}; };
return ( return (

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

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

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

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

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

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