mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-08 15:24:19 -07:00
Move survey button to footer (#897)
* Move survey button to header - remove SurveyFab component as it's no longer a FAB - place button in heading - add tests - add pageStyles module * Add retry and timeout to failing test * Move survey button to bottom of page * Fix surveyButton failing a11y - udpate snapshots * Align survey button to Contact nav link
This commit is contained in:
parent
474d010bf4
commit
fff9b86d7a
23 changed files with 177 additions and 116 deletions
27
client/src/components/SurveyButton/SurveyButton.tsx
Normal file
27
client/src/components/SurveyButton/SurveyButton.tsx
Normal file
|
@ -0,0 +1,27 @@
|
|||
import React from 'react';
|
||||
import {useIntl} from 'gatsby-plugin-intl';
|
||||
import {Button} from '@trussworks/react-uswds';
|
||||
|
||||
import * as styles from './SurveyButton.module.scss';
|
||||
import * as CONTACT_COPY from '../../data/copy/contact';
|
||||
import J40MainGridContainer from '../J40MainGridContainer';
|
||||
|
||||
export const onClickHandler = () => {
|
||||
Object.assign(document.createElement('a'), {target: '_blank', href: 'https://www.surveymonkey.com/r/cejst-survey'}).click();
|
||||
};
|
||||
|
||||
const SurveyButton = () => {
|
||||
const intl = useIntl();
|
||||
return (
|
||||
<J40MainGridContainer className={styles.surveyButtonContainer}>
|
||||
<Button
|
||||
type='button'
|
||||
className={styles.surveyButton}
|
||||
onClick={() => onClickHandler()}>
|
||||
{intl.formatMessage(CONTACT_COPY.PAGE_INTRO.SURVEY_TEXT)}
|
||||
</Button>
|
||||
</J40MainGridContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default SurveyButton;
|
Loading…
Add table
Add a link
Reference in a new issue