src/applications/mhv-landing-page/components/alerts/AlertMhvUserAction.jsx
import React, { useEffect } from 'react';
import PropTypes from 'prop-types';
// eslint-disable-next-line import/no-named-default
import { default as recordEventFn } from '~/platform/monitoring/record-event';
import { VaAlert } from '@department-of-veterans-affairs/component-library/dist/react-bindings';
const AlertMhvUserAction = ({ errorCode, testId, recordEvent }) => {
const headline = `Error code ${errorCode}: Contact the My HealtheVet help desk`;
useEffect(
() => {
recordEvent({
event: 'nav-alert-box-load',
action: 'load',
'alert-box-headline': headline,
'alert-box-status': 'warning',
});
},
[headline, recordEvent],
);
return (
<VaAlert
className="vads-u-margin-bottom--3"
data-testid={testId}
status="error"
visible
>
<h2 className="vads-u-margin-top--0 vads-u-margin-bottom--1">
{headline}
</h2>
<div className="mhv-u-reg-alert-body" role="presentation">
<p className="vads-u-margin-y--0">
We’re having trouble giving you access to your messages, medications,
and medical records.
</p>
<p>
To get access to these My HealtheVet tools, call us at 877-327-0022
(TTY: 711). We’re here Monday through Friday, 8:00 a.m. to 8 p.m. ET.
Tell the representative that you received{' '}
<b>error code {errorCode}</b>
</p>
<p>
If you need to contact your care team now, call your VA health
facility.
</p>
<a href="/find-locations/?page=1&facilityType=health">
Find your VA health facility
</a>
</div>
</VaAlert>
);
};
AlertMhvUserAction.defaultProps = {
title: 'Error code 000: Contact the My HealtheVet help desk',
errorCode: 'unknown',
recordEvent: recordEventFn,
testId: 'mhv-alert--mhv-registration',
};
AlertMhvUserAction.propTypes = {
errorCode: PropTypes.string,
title: PropTypes.string,
headline: PropTypes.string,
recordEvent: PropTypes.func,
testId: PropTypes.string,
};
export default AlertMhvUserAction;