diff --git a/src/applications/edu-benefits/10216/components/SubmissionInstructions.jsx b/src/applications/edu-benefits/10216/components/SubmissionInstructions.jsx
new file mode 100644
index 000000000000..65c52aa6c80f
--- /dev/null
+++ b/src/applications/edu-benefits/10216/components/SubmissionInstructions.jsx
@@ -0,0 +1,19 @@
+import React from 'react';
+
+const SubmissionInstructions = () => {
+ return (
+
+
+ How to submit your form
+
+
+ Please note: This form does not submit automatically.
+ After you review your information, download the completed VA Form
+ 22-10216. Then, upload it manually through the VA Education Portal to
+ complete the submission process.
+
+
+ );
+};
+
+export default SubmissionInstructions;
diff --git a/src/applications/edu-benefits/10216/config/form.js b/src/applications/edu-benefits/10216/config/form.js
index fa59a05082ac..d39a4105a3a4 100644
--- a/src/applications/edu-benefits/10216/config/form.js
+++ b/src/applications/edu-benefits/10216/config/form.js
@@ -24,6 +24,7 @@ import { validateFacilityCode } from '../utilities';
import Alert from '../components/Alert';
import InstitutionDetails from '../pages/institutionDetails';
import { transform } from './submit-transformer';
+import SubmissionInstructions from '../components/SubmissionInstructions';
// import submitForm from './submitForm';
const { date, dateRange } = commonDefinitions;
@@ -117,6 +118,25 @@ const formConfig = {
},
},
},
+ submissionInstructionsChapter: {
+ title: 'Submission instructions',
+ pages: {
+ submissionInstructions: {
+ path: 'submission-instructions',
+ title: '',
+ uiSchema: {
+ 'ui:description': SubmissionInstructions,
+ 'ui:options': {
+ hideOnReview: true,
+ },
+ },
+ schema: {
+ type: 'object',
+ properties: {},
+ },
+ },
+ },
+ },
},
};
diff --git a/src/applications/edu-benefits/10216/sass/10216-edu-benefits.scss b/src/applications/edu-benefits/10216/sass/10216-edu-benefits.scss
index ca0c7df72e36..f8c129849fdf 100644
--- a/src/applications/edu-benefits/10216/sass/10216-edu-benefits.scss
+++ b/src/applications/edu-benefits/10216/sass/10216-edu-benefits.scss
@@ -12,3 +12,6 @@
display: none;
}
}
+va-accordion-item[data-chapter="submissionInstructionsChapter"] {
+ display: none;
+}
\ No newline at end of file
diff --git a/src/applications/edu-benefits/10216/tests/components/SubmissionInstructions.unit.spec.jsx b/src/applications/edu-benefits/10216/tests/components/SubmissionInstructions.unit.spec.jsx
new file mode 100644
index 000000000000..cf822a038b48
--- /dev/null
+++ b/src/applications/edu-benefits/10216/tests/components/SubmissionInstructions.unit.spec.jsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import { expect } from 'chai';
+import { shallow } from 'enzyme';
+import SubmissionInstructions from '../../components/SubmissionInstructions';
+
+describe('', () => {
+ it('should render without crashing', () => {
+ const wrapper = shallow();
+ expect(wrapper.exists()).to.be.ok;
+ wrapper.unmount();
+ });
+});
diff --git a/src/applications/edu-benefits/10216/utilities.js b/src/applications/edu-benefits/10216/utilities.js
index d45d617ea0be..692b4d1b627a 100644
--- a/src/applications/edu-benefits/10216/utilities.js
+++ b/src/applications/edu-benefits/10216/utilities.js
@@ -1,5 +1,6 @@
import { waitForShadowRoot } from 'platform/utilities/ui/webComponents';
import { apiRequest } from '@department-of-veterans-affairs/platform-utilities/api';
+// import { REVIEW_CONTACT } from 'platform/forms-system/src/js/utilities/data/profile';
/*
* @param {Array} urlArray Array of page URLs where these styles should be applied - to target all URLs, use value: ['']