diff --git a/src/services/ui/src/pages/actions/IssueRai.tsx b/src/services/ui/src/pages/actions/IssueRai.tsx index 688305cada..bef9d62b65 100644 --- a/src/services/ui/src/pages/actions/IssueRai.tsx +++ b/src/services/ui/src/pages/actions/IssueRai.tsx @@ -51,10 +51,25 @@ const attachmentList = [ }, ] as const; +const FormDescriptionText = () => { + return ( +

+ Issuance of a Formal RAI in OneMAC will create a Formal RAI email sent to + the State. This will also create a section in the package details summary + for you and the State to have record. Please attach the Formal RAI Letter + along with any additional information or comments in the provided text + box. Once you submit this form, a confirmation email is sent to you and to + the State.{" "} + + If you leave this page, you will lose your progress on this form. + +

+ ); +}; + export const IssueRai = () => { - const { id, type } = useParams<{ + const { id } = useParams<{ id: string; - type: string; }>(); const { data: item } = useGetItem(id!); const [successModalIsOpen, setSuccessModalIsOpen] = useState(false); @@ -153,18 +168,7 @@ export const IssueRai = () => {

Indicates a required field

-

- Issuance of a Formal RAI in OneMAC will create a Formal RAI email - sent to the State. This will also create a section in the package - details summary for you and the State to have record. Please - attach the Formal RAI Letter along with any additional information - or comments in the provided text box. Once you submit this form, a - confirmation email is sent to you and to the State.{" "} - - If you leave this page, you will lose your progress on this - form. - -

+ {/*-------------------------------------------------------- */}
@@ -264,20 +268,7 @@ export const IssueRai = () => { )} /> {/*-------------------------------------------------------- */} -
-

- Issuance of a Formal RAI in OneMAC will create a Formal RAI email - sent to the State. This will also create a section in the package - details summary for you and the State to have record. Please - attach the Formal RAI Letter along with any additional information - or comments in the provided text box. Once you submit this form, a - confirmation email is sent to you and to the State.{" "} - - If you leave this page, you will lose your progress on this - form. - -

-
+ {Object.keys(form.formState.errors).length !== 0 ? ( Missing or malformed information. Please see errors above. diff --git a/src/services/ui/src/pages/actions/RespondToRai.tsx b/src/services/ui/src/pages/actions/RespondToRai.tsx index 609a760699..ec200ddea3 100644 --- a/src/services/ui/src/pages/actions/RespondToRai.tsx +++ b/src/services/ui/src/pages/actions/RespondToRai.tsx @@ -51,10 +51,23 @@ const attachmentList = [ }, ] as const; +const FormDescriptionText = () => { + return ( +

+ Once you submit this form, a confirmation email is sent to you and to CMS. + CMS will use this content to review your package, and you will not be able + to edit this form. If CMS needs any additional information, they will + follow up by email.{" "} + + If you leave this page, you will lose your progress on this form. + +

+ ); +}; + export const RespondToRai = () => { - const { id, type } = useParams<{ + const { id } = useParams<{ id: string; - type: string; }>(); const { data: item } = useGetItem(id!); const [successModalIsOpen, setSuccessModalIsOpen] = useState(false); @@ -154,16 +167,7 @@ export const RespondToRai = () => {

Indicates a required field

-

- Once you submit this form, a confirmation email is sent to you and - to CMS. CMS will use this content to review your package, and you - will not be able to edit this form. If CMS needs any additional - information, they will follow up by email.{" "} - - If you leave this page, you will lose your progress on this - form. - -

+
{/*-------------------------------------------------------- */}
@@ -263,18 +267,7 @@ export const RespondToRai = () => { )} /> {/*-------------------------------------------------------- */} -
-

- Once you submit this form, a confirmation email is sent to you and - to CMS. CMS will use this content to review your package, and you - will not be able to edit this form. If CMS needs any additional - information, they will follow up by email.{" "} - - If you leave this page, you will lose your progress on this - form. - -

-
+ {Object.keys(form.formState.errors).length !== 0 ? ( Missing or malformed information. Please see errors above.