diff --git a/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsChart/FeatureMetricsChart.tsx b/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsChart/FeatureMetricsChart.tsx index 3f9045518b..8c588624ca 100644 --- a/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsChart/FeatureMetricsChart.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsChart/FeatureMetricsChart.tsx @@ -13,10 +13,10 @@ import { Tooltip, } from 'chart.js'; import { useLocationSettings } from 'hooks/useLocationSettings'; -import { FEATURE_METRICS_TABLE_ID } from '../FeatureMetricsTable/FeatureMetricsTable'; import 'chartjs-adapter-date-fns'; import { createChartData } from './createChartData'; import { createChartOptions } from './createChartOptions'; +import { FEATURE_METRICS_STATS_ID } from '../FeatureMetricsStats/FeatureMetricsStats'; interface IFeatureMetricsChartProps { metrics: IFeatureMetricsRaw[]; @@ -48,8 +48,8 @@ export const FeatureMetricsChart = ({ ); diff --git a/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsChips/FeatureMetricsChips.styles.ts b/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsChips/FeatureMetricsChips.styles.ts index eb01171105..ac0b38a72f 100644 --- a/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsChips/FeatureMetricsChips.styles.ts +++ b/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsChips/FeatureMetricsChips.styles.ts @@ -21,5 +21,12 @@ export const useStyles = makeStyles(theme => ({ backgroundColor: theme.palette.primary.main, color: theme.palette.primary.contrastText, }, + '& > :is(:focus-visible, :active)': { + outline: 0, + outlineStyle: 'solid', + outlineWidth: 2, + outlineOffset: 2, + outlineColor: theme.palette.primary.main, + }, }, })); diff --git a/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsChips/FeatureMetricsChips.tsx b/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsChips/FeatureMetricsChips.tsx index b04bdf6697..6fb36bf102 100644 --- a/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsChips/FeatureMetricsChips.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureMetrics/FeatureMetricsChips/FeatureMetricsChips.tsx @@ -31,7 +31,7 @@ export const FeatureMetricsChips = ({ return (
-

{title}

+

{title}