diff options
Diffstat (limited to 'frontend/src/components/app')
| -rw-r--r-- | frontend/src/components/app/results/PortfolioResultsComponent.js | 4 | ||||
| -rw-r--r-- | frontend/src/components/app/sidebars/topology/machine/UnitTabsComponent.js | 8 |
2 files changed, 6 insertions, 6 deletions
diff --git a/frontend/src/components/app/results/PortfolioResultsComponent.js b/frontend/src/components/app/results/PortfolioResultsComponent.js index 10b189a6..759acd57 100644 --- a/frontend/src/components/app/results/PortfolioResultsComponent.js +++ b/frontend/src/components/app/results/PortfolioResultsComponent.js @@ -1,7 +1,7 @@ import React from 'react' import PropTypes from 'prop-types' import { Bar, CartesianGrid, ComposedChart, ErrorBar, ResponsiveContainer, Scatter, XAxis, YAxis } from 'recharts' -import { AVAILABLE_METRICS, METRIC_NAMES, METRIC_UNITS } from '../../../util/available-metrics' +import { AVAILABLE_METRICS, METRIC_NAMES_SHORT, METRIC_UNITS } from '../../../util/available-metrics' import { mean, std } from 'mathjs' import Shapes from '../../../shapes/index' import approx from 'approximate-number' @@ -52,7 +52,7 @@ const PortfolioResultsComponent = ({ portfolio, scenarios }) => { <div className="row"> {AVAILABLE_METRICS.map((metric) => ( <div className="col-6 mb-2" key={metric}> - <h4>{METRIC_NAMES[metric]}</h4> + <h4>{METRIC_NAMES_SHORT[metric]}</h4> <ResponsiveContainer aspect={16 / 9} width="100%"> <ComposedChart data={dataPerMetric[metric]} diff --git a/frontend/src/components/app/sidebars/topology/machine/UnitTabsComponent.js b/frontend/src/components/app/sidebars/topology/machine/UnitTabsComponent.js index 569166d8..6599fefd 100644 --- a/frontend/src/components/app/sidebars/topology/machine/UnitTabsComponent.js +++ b/frontend/src/components/app/sidebars/topology/machine/UnitTabsComponent.js @@ -14,7 +14,7 @@ const UnitTabsComponent = () => { <Nav tabs> <NavItem> <NavLink - className={activeTab === 'cpu-units' && 'active'} + className={activeTab === 'cpu-units' ? 'active' : ''} onClick={() => { toggle('cpu-units') }} @@ -24,7 +24,7 @@ const UnitTabsComponent = () => { </NavItem> <NavItem> <NavLink - className={activeTab === 'gpu-units' && 'active'} + className={activeTab === 'gpu-units' ? 'active' : ''} onClick={() => { toggle('gpu-units') }} @@ -34,7 +34,7 @@ const UnitTabsComponent = () => { </NavItem> <NavItem> <NavLink - className={activeTab === 'memory-units' && 'active'} + className={activeTab === 'memory-units' ? 'active' : ''} onClick={() => { toggle('memory-units') }} @@ -44,7 +44,7 @@ const UnitTabsComponent = () => { </NavItem> <NavItem> <NavLink - className={activeTab === 'storage-units' && 'active'} + className={activeTab === 'storage-units' ? 'active' : ''} onClick={() => { toggle('storage-units') }} |