diff --git a/package-lock.json b/package-lock.json index 1a9c438f1e1..00a20ea44ac 100644 --- a/package-lock.json +++ b/package-lock.json @@ -47602,7 +47602,8 @@ "version": "16.14.0", "license": "SSPL", "dependencies": { - "@mongodb-js/compass-components": "^1.14.0" + "@mongodb-js/compass-components": "^1.14.0", + "@mongodb-js/compass-logging": "^1.2.0" }, "devDependencies": { "@mongodb-js/mocha-config-compass": "^1.3.1", @@ -47631,6 +47632,7 @@ }, "peerDependencies": { "@mongodb-js/compass-components": "^1.14.0", + "@mongodb-js/compass-logging": "^1.2.0", "react": "^17.0.2" } }, @@ -60581,6 +60583,7 @@ "version": "file:packages/compass-serverstats", "requires": { "@mongodb-js/compass-components": "^1.14.0", + "@mongodb-js/compass-logging": "^1.2.0", "@mongodb-js/mocha-config-compass": "^1.3.1", "@mongodb-js/webpack-config-compass": "^1.2.0", "chai": "^4.1.2", diff --git a/packages/compass-serverstats/package.json b/packages/compass-serverstats/package.json index 4870065c3da..50cf09d417e 100644 --- a/packages/compass-serverstats/package.json +++ b/packages/compass-serverstats/package.json @@ -29,10 +29,12 @@ "license": "SSPL", "peerDependencies": { "@mongodb-js/compass-components": "^1.14.0", + "@mongodb-js/compass-logging": "^1.2.0", "react": "^17.0.2" }, "dependencies": { - "@mongodb-js/compass-components": "^1.14.0" + "@mongodb-js/compass-components": "^1.14.0", + "@mongodb-js/compass-logging": "^1.2.0" }, "devDependencies": { "@mongodb-js/mocha-config-compass": "^1.3.1", diff --git a/packages/compass-serverstats/src/components/current-op-component.jsx b/packages/compass-serverstats/src/components/current-op-component.jsx index 5553cc2319f..45becf7a0b4 100644 --- a/packages/compass-serverstats/src/components/current-op-component.jsx +++ b/packages/compass-serverstats/src/components/current-op-component.jsx @@ -1,8 +1,10 @@ const timer = require('d3-timer'); const React = require('react'); const PropTypes = require('prop-types'); +const { createLoggerAndTelemetry } = require('@mongodb-js/compass-logging'); const Actions = require('../actions'); const DBErrorStore = require('../stores/dberror-store'); +const { track } = createLoggerAndTelemetry('COMPASS-PERFORMANCE-UI'); // const debug = require('debug')('mongodb-compass:server-stats:current-op-component'); @@ -92,6 +94,7 @@ class CurrentOpComponent extends React.Component { * @param {Object} data - The row data. */ showOperationDetails(data) { + track('CurrentOp showOperationDetails'); Actions.showOperationDetails(data); } diff --git a/packages/compass-serverstats/src/components/detailview-component.jsx b/packages/compass-serverstats/src/components/detailview-component.jsx index bf97c655c85..8f89eebe26a 100644 --- a/packages/compass-serverstats/src/components/detailview-component.jsx +++ b/packages/compass-serverstats/src/components/detailview-component.jsx @@ -1,6 +1,8 @@ const React = require('react'); const Actions = require('../actions'); const { Button, Icon } = require('@mongodb-js/compass-components'); +const { createLoggerAndTelemetry } = require('@mongodb-js/compass-logging'); +const { track } = createLoggerAndTelemetry('COMPASS-PERFORMANCE-UI'); // const debug = require('debug')('mongodb-compass:server-stats:detailview-component'); @@ -37,6 +39,7 @@ class DetailViewComponent extends React.Component { } killOp() { + track('DetailView killOp'); Actions.killOp(this.state.data.opid); this.hideOperationDetails(); } @@ -45,6 +48,7 @@ class DetailViewComponent extends React.Component { * Fire the show operation detail action with the row data. */ hideOperationDetails() { + track('DetailView hideOperationDetails'); Actions.hideOperationDetails(); } diff --git a/packages/compass-serverstats/src/components/server-stats-toolbar.tsx b/packages/compass-serverstats/src/components/server-stats-toolbar.tsx index 0db7cb7cecf..7b07f92c7d7 100644 --- a/packages/compass-serverstats/src/components/server-stats-toolbar.tsx +++ b/packages/compass-serverstats/src/components/server-stats-toolbar.tsx @@ -1,10 +1,13 @@ import React, { useCallback, useEffect, useState } from 'react'; import d3 from 'd3'; import { Button, Icon, css, cx, spacing, palette, useDarkMode } from '@mongodb-js/compass-components'; +import { createLoggerAndTelemetry } from '@mongodb-js/compass-logging'; import Actions from '../actions'; import ServerStatsStore from '../stores/server-stats-graphs-store'; +const { track } = createLoggerAndTelemetry('COMPASS-PERFORMANCE-UI'); + const serverStatsToolbarStyles = css({ display: 'flex', flexDirection: 'row', @@ -63,6 +66,12 @@ function ServerStatsToolbar({ }, []); const onPlayPauseClicked = useCallback(() => { + if (isPaused) { + track('Performance Resumed'); + } + else { + track('Performance Paused'); + } setPaused(!isPaused) Actions.pause(); }, [ isPaused ]);