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';