diff --git a/client/src/components/Indicator/Indicator.module.scss b/client/src/components/Indicator/Indicator.module.scss
index 1bd84e8b..3d5c705d 100644
--- a/client/src/components/Indicator/Indicator.module.scss
+++ b/client/src/components/Indicator/Indicator.module.scss
@@ -81,7 +81,7 @@
align-self: flex-end;
text-align: right;
@include u-width(8);
- @include typeset('sans', '3xs', 2);
+ @include typeset('sans', 'micro', 2);
@include u-text('thin');
}
}
diff --git a/client/src/components/Indicator/Indicator.test.tsx b/client/src/components/Indicator/Indicator.test.tsx
index 92ab4fdf..9336baa3 100644
--- a/client/src/components/Indicator/Indicator.test.tsx
+++ b/client/src/components/Indicator/Indicator.test.tsx
@@ -46,19 +46,19 @@ describe('rendering of the Indicator', () => {
});
});
-describe('test rendering of Indicator value icons', () => {
- it('renders the unavailable icon when the value is null', () => {
- const {asFragment} = render(
-
-
- ,
- );
- expect(asFragment()).toMatchSnapshot();
- screen.getByAltText(EXPLORE_COPY.SIDE_PANEL_VALUES.IMG_ALT_TEXT.UNAVAILABLE.defaultMessage);
- });
-});
+// describe('test rendering of Indicator value icons', () => {
+// it('renders the unavailable icon when the value is null', () => {
+// const {asFragment} = render(
+//
+//
+// ,
+// );
+// expect(asFragment()).toMatchSnapshot();
+// screen.getByAltText(EXPLORE_COPY.SIDE_PANEL_VALUES.IMG_ALT_TEXT.UNAVAILABLE.defaultMessage);
+// });
+// });
describe('test rendering of Indicator value sub-text', () => {
it('renders the "above 90 percentile"', () => {
diff --git a/client/src/components/Indicator/Indicator.tsx b/client/src/components/Indicator/Indicator.tsx
index d3729c03..63883b41 100644
--- a/client/src/components/Indicator/Indicator.tsx
+++ b/client/src/components/Indicator/Indicator.tsx
@@ -8,7 +8,7 @@ import * as constants from '../../data/constants';
import * as EXPLORE_COPY from '../../data/copy/explore';
// @ts-ignore
-import unAvailable from '/node_modules/uswds/dist/img/usa-icons/error_outline.svg';
+// import unAvailable from '/node_modules/uswds/dist/img/usa-icons/error_outline.svg';
interface IIndicator {
indicator: indicatorInfo,
@@ -31,21 +31,18 @@ interface IIndicatorValue {
}
/**
- * This component will determine what indicator's icon should be. Either show the unavailable icon
- * or show nothing.
+ * This component will determine what indicator's icon should be. ATM there are no icons to show, however
+ * this may change and so leaving a place holder function here for easy change in the future
*
* @param {number | null} value
* @return {JSX.Element}
*/
export const IndicatorValueIcon = ({value}: IIndicatorValueIcon) => {
- const intl = useIntl();
-
- return value === null ? (
-

- ) : <>>;
+ return value === null ? <>> : <>>;
+ //

};
/**
diff --git a/client/src/components/Indicator/__snapshots__/Indicator.test.tsx.snap b/client/src/components/Indicator/__snapshots__/Indicator.test.tsx.snap
index 96a48b8f..27cbe6f0 100644
--- a/client/src/components/Indicator/__snapshots__/Indicator.test.tsx.snap
+++ b/client/src/components/Indicator/__snapshots__/Indicator.test.tsx.snap
@@ -92,12 +92,7 @@ exports[`renders value correctly for Former defense sites checks if it renders n
--
-
-

-
+