m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Adding metrics event for Advanced Options (EditGasDisplay) (#12507)

Browse Source
This commit is contained in:
ryanml 2021-10-28 10:06:16 -07:00 committed by GitHub
parent e85248aaf5
commit 75b032590b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/components/app/edit-gas-display/edit-gas-display.component.js
View File

@ -34,6 +34,8 @@ import ActionableMessage from '../../ui/actionable-message/actionable-message';
import { I18nContext } from '../../../contexts/i18n'; import { I18nContext } from '../../../contexts/i18n';
import GasTiming from '../gas-timing'; import GasTiming from '../gas-timing';
import { useMetricEvent } from '../../../hooks/useMetricEvent';
export default function EditGasDisplay({ export default function EditGasDisplay({
mode = EDIT_GAS_MODES.MODIFY_IN_PLACE, mode = EDIT_GAS_MODES.MODIFY_IN_PLACE,
showEducationButton = false, showEducationButton = false,
@ -119,6 +121,14 @@ export default function EditGasDisplay({
errorKey = 'gasEstimatesUnavailableWarning'; errorKey = 'gasEstimatesUnavailableWarning';
} }
const clickedAdvancedOptionsMetricsEvent = useMetricEvent({
eventOpts: {
category: 'Transactions',
action: 'Edit Screen',
name: 'Clicked "Advanced Options"',
},
});
return ( return (
<div className="edit-gas-display"> <div className="edit-gas-display">
<div className="edit-gas-display__content"> <div className="edit-gas-display__content">
@ -250,7 +260,10 @@ export default function EditGasDisplay({
!showAdvancedInlineGasIfPossible && ( !showAdvancedInlineGasIfPossible && (
<button <button
className="edit-gas-display__advanced-button" className="edit-gas-display__advanced-button"
onClick={() => setShowAdvancedForm(!showAdvancedForm)} onClick={() => {
setShowAdvancedForm(!showAdvancedForm);
clickedAdvancedOptionsMetricsEvent();
}}
> >
{t('advancedOptions')}{' '} {t('advancedOptions')}{' '}
{showAdvancedForm ? ( {showAdvancedForm ? (