Record each completion selection for analytics (#13665)
GitOrigin-RevId: bc8e92ceca51f6365c4311204a35fc85914969b0
This commit is contained in:
@@ -4,7 +4,7 @@ import Icon from '../../../../shared/components/icon'
|
||||
import useDropdown from '../../../../shared/hooks/use-dropdown'
|
||||
import Tooltip from '../../../../shared/components/tooltip'
|
||||
import { EditorView } from '@codemirror/view'
|
||||
import { emitCommandEvent } from '../../extensions/toolbar/utils/analytics'
|
||||
import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
|
||||
import { useCodeMirrorViewContext } from '../codemirror-editor'
|
||||
import MaterialIcon from '../../../../shared/components/material-icon'
|
||||
|
||||
@@ -38,7 +38,7 @@ export const ToolbarButtonMenu: FC<{
|
||||
}}
|
||||
onClick={event => {
|
||||
if (event.altKey && altCommand && open === false) {
|
||||
emitCommandEvent(view, id)
|
||||
emitToolbarEvent(view, id)
|
||||
event.preventDefault()
|
||||
altCommand(view)
|
||||
view.focus()
|
||||
|
||||
+2
-2
@@ -4,7 +4,7 @@ import Icon from '../../../../shared/components/icon'
|
||||
import { useCallback } from 'react'
|
||||
import { FigureModalSource } from '../figure-modal/figure-modal-context'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { emitCommandEvent } from '../../extensions/toolbar/utils/analytics'
|
||||
import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
|
||||
import { useCodeMirrorViewContext } from '../codemirror-editor'
|
||||
import { insertFigure } from '../../extensions/toolbar/commands'
|
||||
|
||||
@@ -13,7 +13,7 @@ export const InsertFigureDropdown = () => {
|
||||
const view = useCodeMirrorViewContext()
|
||||
const openFigureModal = useCallback(
|
||||
(source: FigureModalSource, sourceName: string) => {
|
||||
emitCommandEvent(view, `toolbar-figure-modal-${sourceName}`)
|
||||
emitToolbarEvent(view, `toolbar-figure-modal-${sourceName}`)
|
||||
window.dispatchEvent(
|
||||
new CustomEvent('figure-modal:open', {
|
||||
detail: source,
|
||||
|
||||
+3
-3
@@ -1,6 +1,6 @@
|
||||
import { ListGroupItem } from 'react-bootstrap'
|
||||
import { ToolbarButtonMenu } from './button-menu'
|
||||
import { emitCommandEvent } from '../../extensions/toolbar/utils/analytics'
|
||||
import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
|
||||
import MaterialIcon from '../../../../shared/components/material-icon'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { useCodeMirrorViewContext } from '../codemirror-editor'
|
||||
@@ -23,7 +23,7 @@ export function MathDropdown() {
|
||||
<ListGroupItem
|
||||
aria-label={t('toolbar_insert_inline_math')}
|
||||
onClick={event => {
|
||||
emitCommandEvent(view, 'toolbar-inline-math')
|
||||
emitToolbarEvent(view, 'toolbar-inline-math')
|
||||
event.preventDefault()
|
||||
wrapInInlineMath(view)
|
||||
view.focus()
|
||||
@@ -35,7 +35,7 @@ export function MathDropdown() {
|
||||
<ListGroupItem
|
||||
aria-label={t('toolbar_insert_display_math')}
|
||||
onClick={event => {
|
||||
emitCommandEvent(view, 'toolbar-display-math')
|
||||
emitToolbarEvent(view, 'toolbar-display-math')
|
||||
event.preventDefault()
|
||||
wrapInDisplayMath(view)
|
||||
view.focus()
|
||||
|
||||
+2
-2
@@ -11,7 +11,7 @@ import { useCallback, useRef } from 'react'
|
||||
import { Overlay, Popover } from 'react-bootstrap'
|
||||
import useEventListener from '../../../../shared/hooks/use-event-listener'
|
||||
import useDropdown from '../../../../shared/hooks/use-dropdown'
|
||||
import { emitCommandEvent } from '../../extensions/toolbar/utils/analytics'
|
||||
import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
|
||||
import Icon from '../../../../shared/components/icon'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
|
||||
@@ -90,7 +90,7 @@ export const SectionHeadingDropdown = () => {
|
||||
role="menuitem"
|
||||
key={level}
|
||||
onClick={() => {
|
||||
emitCommandEvent(view, 'section-level-change')
|
||||
emitToolbarEvent(view, 'section-level-change')
|
||||
setSectionHeadingLevel(view, level)
|
||||
view.focus()
|
||||
setOverflowOpen(false)
|
||||
|
||||
+2
-2
@@ -4,7 +4,7 @@ import { useCodeMirrorViewContext } from '../codemirror-editor'
|
||||
import { Button } from 'react-bootstrap'
|
||||
import classnames from 'classnames'
|
||||
import Tooltip from '../../../../shared/components/tooltip'
|
||||
import { emitCommandEvent } from '../../extensions/toolbar/utils/analytics'
|
||||
import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
|
||||
import Icon from '../../../../shared/components/icon'
|
||||
|
||||
export const ToolbarButton = memo<{
|
||||
@@ -38,7 +38,7 @@ export const ToolbarButton = memo<{
|
||||
|
||||
const handleClick = useCallback(
|
||||
event => {
|
||||
emitCommandEvent(view, id)
|
||||
emitToolbarEvent(view, id)
|
||||
if (command) {
|
||||
event.preventDefault()
|
||||
command(view)
|
||||
|
||||
Reference in New Issue
Block a user