option === options[0] && setPause(!pause)}
+ onClick={() => {
+ if (option === options[0]) {
+ setPause(!pause)
+ if (pause) {
+ startTrackingInfo()
+ } else {
+ stopTrackingInfo()
+ }
+ }
+ }}
className={clsx(classes.pauseButton, {
[classes.disableButton]: option !== options[0],
})}
@@ -209,11 +234,15 @@ const TransactionInfo = ({ t, classes }) => {
TransactionInfo.propTypes = {
t: PropTypes.any,
- classes: PropTypes.object,
+ startTrackingInfo: PropTypes.func,
+ stopTrackingInfo: PropTypes.func,
+ historyEnabled: PropTypes.bool,
}
TransactionInfo.defaultProps = {
- classes: {},
+ startTrackingInfo: () => {},
+ stopTrackingInfo: () => {},
+ historyEnabled: false,
}
export default TransactionInfo
diff --git a/webapp/src/routes/StressTestDashboard/index.js b/webapp/src/routes/StressTestDashboard/index.js
new file mode 100644
index 00000000..a4bb2122
--- /dev/null
+++ b/webapp/src/routes/StressTestDashboard/index.js
@@ -0,0 +1,32 @@
+import React, { useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import TransactionInfo from 'routes/Home/TransactionInfo'
+
+import { useSharedState } from '../../context/state.context'
+
+const StressTestDashboard = () => {
+ const { t } = useTranslation('homeRoute')
+ const [, { startTrackingInfo, stopTrackingInfo }] = useSharedState()
+
+ useEffect(() => {
+ startTrackingInfo({ interval: 0.5 })
+
+ return () => {
+ stopTrackingInfo()
+ }
+ // eslint-disable-next-line
+ }, [])
+
+ return (
+
{
+ startTrackingInfo({ interval: 0.5 })
+ }}
+ historyEnabled
+ />
+ )
+}
+
+export default StressTestDashboard
diff --git a/webapp/src/routes/index.js b/webapp/src/routes/index.js
index ce0d23cc..f4c12d86 100644
--- a/webapp/src/routes/index.js
+++ b/webapp/src/routes/index.js
@@ -11,6 +11,7 @@ import {
HelpCircle as HelpIcon,
Inbox as InboxIcon,
Cpu as CpuIcon,
+ BarChart as BarChartIcon,
} from 'react-feather'
import QueryStatsIcon from '@mui/icons-material/QueryStats'
@@ -25,6 +26,7 @@ import {
TopologySvg,
RewardsSvg,
} from '../components/Icons'
+import StressTestDashboard from './StressTestDashboard'
const Home = lazy(() => import('./Home'))
const CPUBenchmark = lazy(() => import('./CPUBenchmark'))
@@ -113,6 +115,13 @@ const defaultRoutes = [
path: '/missed-blocks',
exact: true,
},
+ {
+ name: 'stressTest',
+ icon: ,
+ component: StressTestDashboard,
+ path: '/stress-test',
+ exact: true,
+ },
{
name: 'cpuBenchmark',
icon: ,