src/applications/discharge-wizard/components/questions/Intention.jsx
import React from 'react';
import PropTypes from 'prop-types';
import Scroll from 'react-scroll';
import { VaRadio } from '@department-of-veterans-affairs/component-library/dist/react-bindings';
// Relative Imports
import { shouldShowQuestion } from '../../helpers';
import { questionLabels } from '../../constants';
const { Element } = Scroll;
const Intention = ({
formValues,
handleKeyDown,
scrollToLast,
updateField,
}) => {
const key = '6_intention';
if (!formValues) {
return null;
}
if (!shouldShowQuestion(key, formValues.questions)) {
return null;
}
const options = [
{ label: `Yes, ${questionLabels[key][1]}`, value: '1' },
{ label: `No, ${questionLabels[key][2]}`, value: '2' },
];
const radioButtonProps = {
name: key,
label:
'Do you want to change your name, discharge date, or anything written in the “other remarks” section of your DD214?',
'label-header-level': '2',
key,
value: formValues[key],
onVaValueChange: e => {
if (e.returnValue) {
updateField(key, e.detail.value);
}
},
onMouseDown: scrollToLast,
onKeyDown: handleKeyDown,
};
return (
<div className="vads-u-margin-top--6">
<Element name={key} />
<VaRadio {...radioButtonProps} uswds>
{options.map((option, index) => (
<va-radio-option
key={index}
label={option.label}
name={key}
value={option.value}
checked={formValues[key] === option.value}
/>
))}
</VaRadio>
</div>
);
};
Intention.propTypes = {
formValues: PropTypes.object.isRequired,
handleKeyDown: PropTypes.func,
scrollToLast: PropTypes.func,
updateField: PropTypes.func,
};
export default Intention;