diff --git a/packages/core/src/components/ProgressBars/GaugeProgress.stories.tsx b/packages/core/src/components/ProgressBars/Gauge.stories.tsx similarity index 77% rename from packages/core/src/components/ProgressBars/GaugeProgress.stories.tsx rename to packages/core/src/components/ProgressBars/Gauge.stories.tsx index 48f4cb673e..6599b0f768 100644 --- a/packages/core/src/components/ProgressBars/GaugeProgress.stories.tsx +++ b/packages/core/src/components/ProgressBars/Gauge.stories.tsx @@ -15,41 +15,41 @@ */ import React from 'react'; -import { GaugeProgress } from './GaugeProgress'; +import { Gauge } from './Gauge'; const containerStyle = { width: 300 }; export default { - title: 'GaugeProgress', - component: GaugeProgress, + title: 'Gauge', + component: Gauge, }; export const Default = () => (
- +
); export const MediumProgress = () => (
- +
); export const LowProgress = () => (
- +
); export const InverseLowProgress = () => (
- +
); export const AbsoluteProgress = () => (
- +
); diff --git a/packages/core/src/components/ProgressBars/GaugeProgress.test.jsx b/packages/core/src/components/ProgressBars/Gauge.test.jsx similarity index 82% rename from packages/core/src/components/ProgressBars/GaugeProgress.test.jsx rename to packages/core/src/components/ProgressBars/Gauge.test.jsx index 778abdf12c..709de7b0c4 100644 --- a/packages/core/src/components/ProgressBars/GaugeProgress.test.jsx +++ b/packages/core/src/components/ProgressBars/Gauge.test.jsx @@ -17,32 +17,32 @@ import React from 'react'; import { render } from '@testing-library/react'; import { wrapInTestApp } from '@backstage/test-utils'; -import { GaugeProgress, getProgressColor } from './GaugeProgress'; +import { Gauge, getProgressColor } from './Gauge'; -describe('', () => { +describe('', () => { it('renders without exploding', () => { const { getByText } = render( - wrapInTestApp(), + wrapInTestApp(), ); getByText('10%'); }); it('handles fractional prop', () => { const { getByText } = render( - wrapInTestApp(), + wrapInTestApp(), ); getByText('10%'); }); it('handles max prop', () => { const { getByText } = render( - wrapInTestApp(), + wrapInTestApp(), ); getByText('1%'); }); it('handles unit prop', () => { const { getByText } = render( - wrapInTestApp(), + wrapInTestApp(), ); getByText('10m'); }); diff --git a/packages/core/src/components/ProgressBars/GaugeProgress.tsx b/packages/core/src/components/ProgressBars/Gauge.tsx similarity index 98% rename from packages/core/src/components/ProgressBars/GaugeProgress.tsx rename to packages/core/src/components/ProgressBars/Gauge.tsx index 14776ed431..4c339bf8e1 100644 --- a/packages/core/src/components/ProgressBars/GaugeProgress.tsx +++ b/packages/core/src/components/ProgressBars/Gauge.tsx @@ -77,7 +77,7 @@ export function getProgressColor( return palette.status.ok; } -export const GaugeProgress: FC = props => { +export const Gauge: FC = props => { const classes = useStyles(props); const theme = useTheme(); const { value, fractional, inverse, unit, max } = { diff --git a/packages/core/src/components/ProgressBars/GaugeCard.tsx b/packages/core/src/components/ProgressBars/GaugeCard.tsx index fc7055f705..4eb4b2e075 100644 --- a/packages/core/src/components/ProgressBars/GaugeCard.tsx +++ b/packages/core/src/components/ProgressBars/GaugeCard.tsx @@ -18,7 +18,7 @@ import React, { FC } from 'react'; import { makeStyles } from '@material-ui/core'; import { InfoCard } from '../../layout/InfoCard'; import { BottomLinkProps } from '../../layout/BottomLink'; -import { GaugeProgress } from './GaugeProgress'; +import { Gauge } from './Gauge'; type Props = { title: string; @@ -48,7 +48,7 @@ export const GaugeCard: FC = props => { deepLink={deepLink} variant={variant} > - + ); diff --git a/packages/core/src/components/ProgressBars/LinearGauge.tsx b/packages/core/src/components/ProgressBars/LinearGauge.tsx index 73163b345f..2b8e77838d 100644 --- a/packages/core/src/components/ProgressBars/LinearGauge.tsx +++ b/packages/core/src/components/ProgressBars/LinearGauge.tsx @@ -19,7 +19,7 @@ import { Tooltip, useTheme } from '@material-ui/core'; // @ts-ignore import { Line } from 'rc-progress'; import { BackstageTheme } from '@backstage/theme'; -import { getProgressColor } from './GaugeProgress'; +import { getProgressColor } from './Gauge'; type Props = { /** diff --git a/packages/core/src/components/ProgressBars/index.ts b/packages/core/src/components/ProgressBars/index.ts index c7131c8831..4463aea29b 100644 --- a/packages/core/src/components/ProgressBars/index.ts +++ b/packages/core/src/components/ProgressBars/index.ts @@ -15,5 +15,5 @@ */ export { GaugeCard } from './GaugeCard'; -export { GaugeProgress } from './GaugeProgress'; +export { Gauge } from './Gauge'; export { LinearGauge } from './LinearGauge';