mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-13 09:44:19 -07:00
72d80a5803* Add a11y tests in cypress for methodology page - update cypress to version 8.5 - add HTML lang the <head> element - change process list headings to h4 - add alt tag to download image icon - move <GovBanner> into <Header> - add documentation around a11y testing * Add cypress a11y tests for cejst page - add alt icon for mapIntro page - change legend to be a normal div - add a class that mimics the h4 styles - remove superfluous styles * Add cypress a11y tests for contact and 404 page * Update snapshots * Move static text in footer to copy folder * Add cypress a11y test to About page - add required h1 tag - updates snapshot * Add site_url.xml and modify robots.txt file - adds plugins for robots.txt and sitemap - remove env.local and will add env.production - modifiy all yml files (docker and GHA) to specify new env variables - refactor env variables to either DATA_SOURCE, SITE_URL or PATH_PREFIX - set defaults for env variables in gatsby-config - remove timeline component - will add blank index page - update README on info on env variables * Add plugin to allow custom env vars - allows system env vars, ie, DATA_SOURCE on client-side application * Update displayed URLs in GHA to new CDN (d29) - also updates the blank index.html * Correct spacing * Set SITE_URL to new CDN for robots.txt * Remove SITE_URL as this is set by GHA * Update README around docker and env vars
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import {useIntl} from 'gatsby-plugin-intl';
|
|
|
|
// @ts-ignore
|
|
import lightbulbIcon from '/node_modules/uswds/dist/img/usa-icons/lightbulb_outline.svg';
|
|
import * as styles from './mapIntroduction.module.scss';
|
|
import * as EXPLORE_COPY from '../data/copy/explore';
|
|
|
|
const MapIntroduction = () => {
|
|
const intl = useIntl();
|
|
|
|
return (
|
|
<aside className={styles.mapIntroContainer}>
|
|
<header className={styles.mapIntroHeader}>
|
|
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.TITLE)}
|
|
</header>
|
|
<div className={styles.mapIntroText}>
|
|
<img className={styles.mapIntroLightbulb} src={lightbulbIcon} alt={'icon showing a lightbulb'}/>
|
|
<div className={styles.didYouKnowBox}>
|
|
<div className={styles.didYouKnow}>
|
|
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.DID_YOU_KNOW)}
|
|
</div>
|
|
<cite className={styles.didYouKnowText}>
|
|
{intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INITIAL_STATE.CBG_DEFINITION)}
|
|
</cite>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
);
|
|
};
|
|
|
|
export default MapIntroduction;
|