Appoint a rep footer (#33935)

* Deleted unnecessary form footer instances * Adjusted GetFormHelp jsx * Importing GetFormHelp to be used in additional route
department-of-veterans-affairs · Jan 7, 2025 · 8b2b13e · 8b2b13e
1 parent 5a12073
commit 8b2b13e
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 29 deletions.
diff --git a/src/applications/representative-appoint/components/ClaimantTypeForm.jsx b/src/applications/representative-appoint/components/ClaimantTypeForm.jsx
@@ -4,6 +4,7 @@ import FormTitle from 'platform/forms-system/src/js/components/FormTitle';
 import FormNavButtons from '~/platform/forms-system/src/js/components/FormNavButtons';
 import SchemaForm from '~/platform/forms-system/src/js/components/SchemaForm';
 import { schema, uiSchema } from '../pages/claimant/claimantType';
+import GetFormHelp from './GetFormHelp';
 
 const ClaimantTypeForm = props => {
   const { data, onGoBack, onChange, onSubmit } = props;
@@ -25,6 +26,10 @@ const ClaimantTypeForm = props => {
         data={data}
       >
         <FormNavButtons goBack={onGoBack} submitToContinue />
+        <div>
+          <h2 className="help-heading">Need help?</h2>
+          <GetFormHelp />
+        </div>
       </SchemaForm>
     </div>
   );

diff --git a/src/applications/representative-appoint/components/GetFormHelp.jsx b/src/applications/representative-appoint/components/GetFormHelp.jsx
@@ -2,17 +2,13 @@ import React from 'react';
 import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
 
 const GetFormHelp = () => (
-  <div className="row footer-section vads-u-padding-bottom--4">
-    <h2 className="help-heading" style={{ margin: 0 }}>
-      How to contact us if you have questions
-    </h2>
-    <p className="help-talk">
-      You can call us at{' '}
-      <va-telephone contact={CONTACTS.VA_411} extension={0} /> (
+  <>
+    <p className="vads-u-margin--0 vads-u-margin-bottom--5">
+      You can call us at <va-telephone contact={CONTACTS.VA_411} /> (
       <va-telephone contact={CONTACTS['711']} tty />
       ). We’re here 24/7.
     </p>
-  </div>
+  </>
 );
 
 export default GetFormHelp;
diff --git a/src/applications/representative-appoint/components/NeedHelp.jsx b/src/applications/representative-appoint/components/NeedHelp.jsx
diff --git a/src/applications/representative-appoint/config/form.js b/src/applications/representative-appoint/config/form.js
@@ -2,6 +2,7 @@ import commonDefinitions from 'vets-json-schema/dist/definitions.json';
 // import environment from '@department-of-veterans-affairs/platform-utilities/environment';
 // import profileContactInfo from 'platform/forms-system/src/js/definitions/profileContactInfo';
 import FormFooter from 'platform/forms/components/FormFooter';
+import GetFormHelp from '../components/GetFormHelp';
 import configService from '../utilities/configService';
 import manifest from '../manifest.json';
 import IntroductionPage from '../containers/IntroductionPage';
@@ -65,6 +66,7 @@ const formConfig = {
   introduction: IntroductionPage,
   confirmation: ConfirmationPage,
   footerContent: FormFooter,
+  getHelp: GetFormHelp,
   formId: '21-22',
   preSubmitInfo: {
     CustomComponent: PreSubmitInfo,

diff --git a/src/applications/representative-appoint/containers/ConfirmationPage.jsx b/src/applications/representative-appoint/containers/ConfirmationPage.jsx
@@ -4,7 +4,6 @@ import PropTypes from 'prop-types';
 
 import { VaCheckbox } from '@department-of-veterans-affairs/component-library/dist/react-bindings';
 import scrollTo from 'platform/utilities/ui/scrollTo';
-import NeedHelp from '../components/NeedHelp';
 import sendNextStepsEmail from '../api/sendNextStepsEmail';
 import { getFormNumber, getFormName } from '../utilities/helpers';
 
@@ -79,7 +78,6 @@ export default function ConfirmationPage({ router }) {
         onVaChange={handlers.onChangeSignedFormCheckbox}
       />
       <va-button continue onClick={handlers.onClickContinueButton} />
-      <NeedHelp />
     </>
   );
 }

diff --git a/src/applications/representative-appoint/containers/IntroductionPage.jsx b/src/applications/representative-appoint/containers/IntroductionPage.jsx
@@ -6,7 +6,6 @@ import SaveInProgressIntro from 'platform/forms/save-in-progress/SaveInProgressI
 import repStatusLoader from 'applications/static-pages/representative-status';
 import { useStore, connect } from 'react-redux';
 import { isLoggedIn } from 'platform/user/selectors';
-import GetFormHelp from '../components/GetFormHelp';
 
 const IntroductionPage = props => {
   const { route, loggedIn } = props;
@@ -144,7 +143,6 @@ const IntroductionPage = props => {
         res-burden="5"
       />
       <p />
-      <GetFormHelp />
     </article>
   );
 };

diff --git a/src/applications/representative-appoint/containers/NextStepsPage.jsx b/src/applications/representative-appoint/containers/NextStepsPage.jsx
@@ -4,7 +4,6 @@ import FormTitle from 'platform/forms-system/src/js/components/FormTitle';
 import scrollTo from 'platform/utilities/ui/scrollTo';
 import ContactCard from '../components/ContactCard';
 import AddressBlock from '../components/AddressBlock';
-import NeedHelp from '../components/NeedHelp';
 import {
   addressExists,
   getFormSubtitle,
@@ -70,7 +69,6 @@ export default function NextStepsPage() {
       <a className="vads-c-action-link--green vads-u-margin-top--2" href="/">
         Go back to VA.gov
       </a>
-      <NeedHelp />
     </div>
   );
 }