github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-08 22:00:48 +00:00
Code Issues Projects Releases Packages Wiki Activity

[visual] Add events for tracking usage of the pasted content menu (#19589)

Browse source 
GitOrigin-RevId: e38add2215b0cd49f6c7c216f141e26ee8e3a179
This commit is contained in:
Alf Eaton 2024-07-29 13:31:37 +01:00 • committed by Copybot
parent e4d971151b
commit 77a78a4458
1 changed files with 32 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
services/web/frontend/js/features/source-editor/components/paste-html/pasted-content-menu.tsx
View file

@ -2,6 +2,7 @@ import {
FC,
HTMLProps,
PropsWithChildren,
useCallback,
useEffect,
useRef,
useState,
@ -13,6 +14,7 @@ import { EditorView } from '@codemirror/view'
import { PastedContent } from '../../extensions/visual/pasted-content'
import useEventListener from '../../../../shared/hooks/use-event-listener'
import { FeedbackBadge } from '@/shared/components/feedback-badge'
import { sendMB } from '@/infrastructure/event-tracking'
const isMac = /Mac/.test(window.navigator?.platform)
@ -36,6 +38,27 @@ export const PastedContentMenu: FC<{
shiftRef.current = event.shiftKey
})
// track interaction events
const trackedEventsRef = useRef<Record<string, boolean>>({
'pasted-content-button-shown': false,
'pasted-content-button-click': false,
})
const trackEventOnce = useCallback((key: string) => {
if (!trackedEventsRef.current[key]) {
trackedEventsRef.current[key] = true
sendMB(key)
}
}, [])
useEffect(() => {
if (menuOpen) {
trackEventOnce('pasted-content-button-click')
} else {
trackEventOnce('pasted-content-button-shown')
}
}, [menuOpen, trackEventOnce])
useEffect(() => {
if (menuOpen) {
const abortController = new AbortController()
@ -101,6 +124,9 @@ export const PastedContentMenu: FC<{
<MenuItem
onClick={() => {
insertPastedContent(view, pastedContent, true)
sendMB('pasted-content-menu-click', {
action: 'paste-with-formatting',
})
setMenuOpen(false)
}}
>
@ -118,6 +144,9 @@ export const PastedContentMenu: FC<{
<MenuItem
onClick={() => {
insertPastedContent(view, pastedContent, false)
sendMB('pasted-content-menu-click', {
action: 'paste-without-formatting',
})
setMenuOpen(false)
}}
>
@ -139,6 +168,9 @@ export const PastedContentMenu: FC<{
'https://docs.google.com/forms/d/e/1FAIpQLSc7WcHrwz9fnCkUP5hXyvkG3LkSYZiR3lVJWZ0o6uqNQYrV7Q/viewform',
'_blank'
)
sendMB('pasted-content-menu-click', {
action: 'give-feedback',
})
setMenuOpen(false)
}}
>