Hosting Dashboard Plugins: Make tracking events non interpolated (#106096)

Author: rcrdortiz

client/dashboard/plugins/manage/components/action-render-modal.tsx

@@ -199,11 +199,13 @@ export default function ActionRenderModal( {
 	const { recordTracksEvent } = useAnalytics();
 
 	useEffect( () => {
-		recordTracksEvent( `calypso_hosting_dashboard_plugins_${ actionId }_click` );
+		recordTracksEvent( 'calypso_dashboard_plugins_action_click', { action_id: actionId } );
 	}, [ actionId, recordTracksEvent ] );
 
 	const handleCancel = () => {
-		recordTracksEvent( `calypso_hosting_dashboard_plugins_${ actionId }_cancel_click` );
+		recordTracksEvent( 'calypso_dashboard_plugins_action_cancel_click', {
+			action_id: actionId,
+		} );
 		closeModal?.();
 	};
 
@@ -420,7 +422,9 @@ export default function ActionRenderModal( {
 	};
 
 	const handleConfirm = async () => {
-		recordTracksEvent( `calypso_hosting_dashboard_plugins_${ actionId }_confirm_click` );
+		recordTracksEvent( 'calypso_dashboard_plugins_action_confirm_click', {
+			action_id: actionId,
+		} );
 		setIsBusy( true );
 		try {
 			const { successCount, errorCount } = await onExecute( items );

client/dashboard/plugins/plugin/components/field-action-toggle.tsx

@@ -47,11 +47,10 @@ export default function FieldActionToggle( {
 				}
 			} }
 			onChange={ ( next ) => {
-				recordTracksEvent(
-					`calypso_hosting_dashboard_plugins_${ actionId }_toggle_${
-						next ? 'enable' : 'disable'
-					}_click`
-				);
+				recordTracksEvent( 'calypso_dashboard_plugins_toggle_click', {
+					action_id: actionId,
+					next_state: next ? 'enable' : 'disable',
+				} );
 				onToggle( next )
 					.then( () => {
 						createSuccessNotice( next ? successOn : successOff, { type: 'snackbar' } );