add tokenType to the didCreateToken and didEditToken events in API e Transfer tokens

This commit is contained in:
Simone Taeggi 2023-02-15 16:28:53 +01:00
parent 880ba7af86
commit 3182bba15c
3 changed files with 14 additions and 1 deletions

View File

@ -0,0 +1,2 @@
export const API_TOKEN_TYPE = 'api-token';
export const TRANSFER_TOKEN_TYPE = 'transfer-token';

View File

@ -28,6 +28,7 @@ import Permissions from './components/Permissions';
import FormApiTokenContainer from './components/FormApiTokenContainer'; import FormApiTokenContainer from './components/FormApiTokenContainer';
import TokenBox from '../../../components/Tokens/TokenBox'; import TokenBox from '../../../components/Tokens/TokenBox';
import FormHead from '../../../components/Tokens/FormHead'; import FormHead from '../../../components/Tokens/FormHead';
import { API_TOKEN_TYPE } from '../../../components/Tokens/constants';
const MSG_ERROR_NAME_TAKEN = 'Name already taken'; const MSG_ERROR_NAME_TAKEN = 'Name already taken';
@ -201,6 +202,7 @@ const ApiTokenCreateView = () => {
trackUsageRef.current(isCreating ? 'didCreateToken' : 'didEditToken', { trackUsageRef.current(isCreating ? 'didCreateToken' : 'didEditToken', {
type: apiToken.type, type: apiToken.type,
tokenType: API_TOKEN_TYPE,
}); });
} catch (err) { } catch (err) {
const errors = formatAPIErrors(err.response.data); const errors = formatAPIErrors(err.response.data);

View File

@ -1,4 +1,4 @@
import React, { useState } from 'react'; import React, { useState, useRef } from 'react';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import { Formik } from 'formik'; import { Formik } from 'formik';
import { useRouteMatch, useHistory } from 'react-router-dom'; import { useRouteMatch, useHistory } from 'react-router-dom';
@ -9,6 +9,7 @@ import {
Form, Form,
useOverlayBlocker, useOverlayBlocker,
useNotification, useNotification,
useTracking,
useGuidedTour, useGuidedTour,
useRBAC, useRBAC,
useFetchClient, useFetchClient,
@ -23,6 +24,7 @@ import adminPermissions from '../../../../../permissions';
import FormTransferTokenContainer from './components/FormTransferTokenContainer'; import FormTransferTokenContainer from './components/FormTransferTokenContainer';
import TokenBox from '../../../components/Tokens/TokenBox'; import TokenBox from '../../../components/Tokens/TokenBox';
import FormHead from '../../../components/Tokens/FormHead'; import FormHead from '../../../components/Tokens/FormHead';
import { TRANSFER_TOKEN_TYPE } from '../../../components/Tokens/constants';
const MSG_ERROR_NAME_TAKEN = 'Name already taken'; const MSG_ERROR_NAME_TAKEN = 'Name already taken';
@ -39,6 +41,8 @@ const TransferTokenCreateView = () => {
} }
: null : null
); );
const { trackUsage } = useTracking();
const trackUsageRef = useRef(trackUsage);
const { setCurrentStep } = useGuidedTour(); const { setCurrentStep } = useGuidedTour();
const { const {
allowedActions: { canCreate, canUpdate, canRegenerate }, allowedActions: { canCreate, canUpdate, canRegenerate },
@ -119,6 +123,11 @@ const TransferTokenCreateView = () => {
defaultMessage: 'Transfer Token successfully edited', defaultMessage: 'Transfer Token successfully edited',
}), }),
}); });
trackUsageRef.current(isCreating ? 'didCreateToken' : 'didEditToken', {
type: transferToken.type,
tokenType: TRANSFER_TOKEN_TYPE,
});
} catch (err) { } catch (err) {
const errors = formatAPIErrors(err.response.data); const errors = formatAPIErrors(err.response.data);
actions.setErrors(errors); actions.setErrors(errors);