-
Notifications
You must be signed in to change notification settings - Fork 125
/
IntroductionPage.jsx
91 lines (86 loc) · 3.08 KB
/
IntroductionPage.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import React from 'react';
import { focusElement } from 'platform/utilities/ui';
// import OMBInfo from '@department-of-veterans-affairs/component-library/OMBInfo';
import FormTitle from 'platform/forms-system/src/js/components/FormTitle';
import SaveInProgressIntro from 'platform/forms/save-in-progress/SaveInProgressIntro';
class IntroductionPage extends React.Component {
componentDidMount() {
focusElement('.va-nav-breadcrumbs-list');
}
render() {
const { route } = this.props;
const { formConfig, pageList } = route;
return (
<article className="schemaform-intro">
<FormTitle
title="Beneficiary Travel"
subtitle="Equal to VA Form 10-3542 (Beneficiary Travel)"
/>
<SaveInProgressIntro
headingLevel={2}
prefillEnabled={formConfig.prefillEnabled}
messages={formConfig.savedFormMessages}
pageList={pageList}
startText="Start the Application"
>
Please complete the 10-3542 form to apply for beneficiary travel
claim.
</SaveInProgressIntro>
<h2 className="vads-u-font-size--h3 vad-u-margin-top--0">
Follow the steps below to apply for beneficiary travel claim.
</h2>
<va-process-list uswds="false">
<li>
<h3>Prepare</h3>
<h4>To fill out this application, you’ll need your:</h4>
<ul>
<li>Social Security number (required)</li>
</ul>
<p>
<strong>What if I need help filling out my application?</strong>{' '}
An accredited representative, like a Veterans Service Officer
(VSO), can help you fill out your claim.{' '}
<a href="/disability-benefits/apply/help/index.html">
Get help filing your claim
</a>
</p>
</li>
<li>
<h3>Apply</h3>
<p>Complete this beneficiary travel claim form.</p>
<p>
After submitting the form, you’ll get a confirmation message. You
can print this for your records.
</p>
</li>
<li>
<h3>VA Review</h3>
<p>
We process claims within a week. If more than a week has passed
since you submitted your application and you haven’t heard back,
please don’t apply again. Call us at.
</p>
</li>
<li>
<h3>Decision</h3>
<p>
Once we’ve processed your claim, you’ll get a notice in the mail
with our decision.
</p>
</li>
</va-process-list>
<SaveInProgressIntro
buttonOnly
headingLevel={2}
prefillEnabled={formConfig.prefillEnabled}
messages={formConfig.savedFormMessages}
pageList={pageList}
startText="Start the Application"
/>
<p />
{/* <OMBInfo resBurden={15} ombNumber="2900-0798" expDate="7/31/2020" /> */}
</article>
);
}
}
export default IntroductionPage;