Fix Buy Ether via Moonpay and Wyre actions (#14322)

ui/components/app/modals/deposit-ether-modal/deposit-ether-modal.component.js

@@ -154,11 +154,12 @@ export default class DepositEtherModal extends Component {
               text: t('buyCryptoWithMoonPayDescription', [symbol]),
               buttonLabel: t('continueToMoonPay'),
               onButtonClick: () => {
-                this.context.metricsEvent({
-                  eventOpts: {
+                this.context.trackEvent({
                   category: 'Accounts',
-                    action: 'Deposit tokens',
-                    name: 'Click buy tokens via MoonPay',
+                  event: 'Click buy Ether via MoonPay',
+                  properties: {
+                    action: 'Deposit Ether',
+                    legacy_event: true,
                   },
                 });
                 toMoonPay(address, chainId);
@@ -171,11 +172,12 @@ export default class DepositEtherModal extends Component {
               text: t('buyWithWyreDescription'),
               buttonLabel: t('continueToWyre'),
               onButtonClick: () => {
-                this.context.metricsEvent({
-                  eventOpts: {
+                this.context.trackEvent({
                   category: 'Accounts',
+                  event: 'Click buy Ether via Wyre',
+                  properties: {
                     action: 'Deposit Ether',
-                    name: 'Click buy Ether via Wyre',
+                    legacy_event: true,
                   },
                 });
                 toWyre(address);