mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-04 01:04:18 -07:00
226017654a* Add initial side nav * Add Download page as a sub-page under Meth&Data - udpate S3 file path in .envs - remove the DownloadPacket component - move download copy from methodology to download - modify header to use two types of navs: -- mobile (with sub-pages) and -- desktop (without subpages) - create a SubPageNav component - add SubPagNav to Meth and Download page - update snapshots - add global CSS overide to remove minus sign on mobile nav link accordion as it's permanently open * Remove the update tag above Public eng button * Make the 3rd bullet on explore page update on 5/25 * Make the RFI box text change after 5/25/22 * Update site with RFI expired copy, remove Alerts - add Spanish translations - update snapshots * Fix typo on XLS file path * Refactor HowYouCanHelp to standard form * Add custom download links with icons - add new DownloadLink compnent - add Spanish translations * Update download file sizes * Allow meth&data nav link to collapse on mobile
46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
import {useIntl, Link} from 'gatsby-plugin-intl';
|
|
import {
|
|
Button,
|
|
// Tag
|
|
} from '@trussworks/react-uswds';
|
|
|
|
import * as styles from './PublicEngageButton.module.scss';
|
|
import * as PUBLIC_ENG_COPY from '../../data/copy/publicEngage';
|
|
|
|
// @ts-ignore
|
|
import eventIcon from '/node_modules/uswds/dist/img/usa-icons/event.svg';
|
|
|
|
const PublicEngageButton = () => {
|
|
const intl = useIntl();
|
|
|
|
return (
|
|
<div className={styles.container}>
|
|
{/* Remove Updated Tag for now */}
|
|
{/* <div className={styles.tagContainer}>
|
|
<Tag className={styles.tag}>
|
|
{intl.formatMessage(PUBLIC_ENG_COPY.PUBLIC_ENG_BUTTON.TAG_LABEL)}
|
|
</Tag>
|
|
</div> */}
|
|
<Link className={styles.link} to={'/public-engagement'}>
|
|
<Button
|
|
type="button"
|
|
className={styles.engagementButton}
|
|
>
|
|
<div className={styles.buttonContainer}>
|
|
<img
|
|
className={styles.buttonImage}
|
|
src={eventIcon}
|
|
alt={intl.formatMessage(PUBLIC_ENG_COPY.PUBLIC_ENG_BUTTON.IMG_ICON_ALT_TAG)}
|
|
/>
|
|
<div>
|
|
{intl.formatMessage(PUBLIC_ENG_COPY.PUBLIC_ENG_BUTTON.LABEL)}
|
|
</div>
|
|
</div>
|
|
</Button>
|
|
</Link>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default PublicEngageButton;
|