mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-09-03 18:12:15 -07:00
24bac56d9e* Add first column of Methodology score L - create a new component MethodologyFormula (MF) - MF component contain text on formula calculation - add snapshots * Add 2nd column to Methodology page - add LowIncome component - add USWDS styles on download component - add margin-top styles to global - enable all font-sizes to theme file * Add Categories to Methodology page - create CategoryCard component - create Categories component - add snapshots * Update datasets - update styling to match mock - add additional indicators - remove additional indicators - update snapshots * Add links to categories to datasets - update snapshots * Remove additional indicator test as they now N/A * ensure each DOM ID is unique for a11y - update snapshots * Add Category heading for a11y - removes ScoreSteps tests - comment out ScoreStep component - update snapshots - cypress passes all a11y * Update to methodology copy - based on PDF and spreadsheet and Living Copy -updates snapshots * Add comments around using IF, AND, ELSE constants - make indicator constant names more explicit * Update copy based on living doc - update snapshots
26 lines
622 B
TypeScript
26 lines
622 B
TypeScript
import React from 'react';
|
|
import {useIntl} from 'gatsby-plugin-intl';
|
|
|
|
import * as METHODOLOGY_COPY from '../../data/copy/methodology';
|
|
import * as styles from './LowIncome.module.scss';
|
|
|
|
const LowIncome = () => {
|
|
const intl = useIntl();
|
|
|
|
return (
|
|
<div className={styles.lowIncomeContainer}>
|
|
<p className={styles.lowIncomeTitle}>
|
|
<sup>*</sup>
|
|
{' '}
|
|
{intl.formatMessage(METHODOLOGY_COPY.LOW_INCOME.HEADING)}
|
|
</p>
|
|
|
|
<p className={styles.lowIncomeText}>
|
|
{intl.formatMessage(METHODOLOGY_COPY.LOW_INCOME.INFO)}
|
|
</p>
|
|
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default LowIncome;
|