fix to delay moving on til large pdf completed

This commit is contained in:
2025-01-16 14:06:56 +00:00
parent 9ab83efedc
commit e539b7054b
2 changed files with 93 additions and 73 deletions
+17 -9
View File
@@ -34,6 +34,8 @@ let MakeRepresentation = (props) => {
const [clearRepForm, setClearRepForm] = useState(false); const [clearRepForm, setClearRepForm] = useState(false);
const [savingStatus, setSavingStatus] = useState(false); const [savingStatus, setSavingStatus] = useState(false);
const [finaliseAppealProcess, setFinaliseAppealProcess] = useState(false);
//const [questionnaireCount, setQuestionnaireCount] = useState(0); //const [questionnaireCount, setQuestionnaireCount] = useState(0);
const { data: session } = useSession(); const { data: session } = useSession();
@@ -879,7 +881,6 @@ let MakeRepresentation = (props) => {
}; };
const onHandleSubmit = (values) => { const onHandleSubmit = (values) => {
window.scrollTo({ top: 0, behavior: "smooth" });
values = setRepFileName(values); values = setRepFileName(values);
//console.log("onHandleSubmit form values - ", JSON.stringify(values)); //console.log("onHandleSubmit form values - ", JSON.stringify(values));
@@ -1014,6 +1015,7 @@ let MakeRepresentation = (props) => {
setRepresentationSubmit(true); setRepresentationSubmit(true);
} }
} }
window.scrollTo({ top: 0, behavior: "smooth" });
} else { } else {
if (currentView.representationSubmit == true) { if (currentView.representationSubmit == true) {
console.log("capacity", currentView.representationCapacity); console.log("capacity", currentView.representationCapacity);
@@ -1034,18 +1036,22 @@ let MakeRepresentation = (props) => {
// Object.assign(values, { // Object.assign(values, {
// "filesList": buildFileArray, // "filesList": buildFileArray,
// })), // })),
console.log( // console.log(
"====================== rep lpa payload:\n", // "====================== rep lpa payload:\n",
JSON.stringify(values) // JSON.stringify(values)
); // );
setFinaliseAppealProcess(true);
generateRepPDF( generateRepPDF(
values, values,
props.props.accountDetails.containerID, props.props.accountDetails.containerID,
currentView.caseReference.currentReference currentView.caseReference.currentReference
); ).then((data) => {
uploadRepresentationFiles(values); console.log(data);
setRepresentationSubmit(true); data.status == "success" &&
setRepresentationSubmitConfirmation(true); (uploadRepresentationFiles(values),
setRepresentationSubmit(true),
setRepresentationSubmitConfirmation(true));
});
} else { } else {
console.log("not updated"); console.log("not updated");
} }
@@ -1148,6 +1154,8 @@ let MakeRepresentation = (props) => {
showQuestionnaireSection={showQuestionnaireSection} showQuestionnaireSection={showQuestionnaireSection}
props={props} props={props}
questionnaireCount={questionnaireCount} questionnaireCount={questionnaireCount}
finaliseAppealProcess={finaliseAppealProcess}
setFinaliseAppealProcess={setFinaliseAppealProcess}
/> />
) : ( ) : (
<> <>
@@ -29,6 +29,7 @@ const RepCompleteSubmit = (props) => {
setShowQuestionnaireSection, setShowQuestionnaireSection,
showQuestionnaireSection, showQuestionnaireSection,
questionnaireCount, questionnaireCount,
finaliseAppealProcess,
} = props; } = props;
const { acceptedFiles, getRootProps, getInputProps } = useDropzone(); const { acceptedFiles, getRootProps, getInputProps } = useDropzone();
const files = acceptedFiles.map((file) => ( const files = acceptedFiles.map((file) => (
@@ -473,6 +474,22 @@ const RepCompleteSubmit = (props) => {
)} )}
</p> </p>
{finaliseAppealProcess ? (
<div className="">
<h3 className="govuk-heading-m govuk-!-margin-top-9">
Finalising your representation
submission
</h3>
<p className="govuk-body">
Currenly uploading files and finalising
your representation submission
</p>
<p className="govuk-body textloading">
Please wait
</p>
</div>
) : (
<>
<div className="govuk-form-group"> <div className="govuk-form-group">
<div className="govuk-checkboxes govuk-checkboxes--small"> <div className="govuk-checkboxes govuk-checkboxes--small">
<div className="govuk-checkboxes__item"> <div className="govuk-checkboxes__item">
@@ -498,19 +515,16 @@ const RepCompleteSubmit = (props) => {
</label> </label>
</div> </div>
</div> </div>
</div>
{/* <Field
name="representationType"
component={RenderPickList}
datafieldname="representationType"
optionsArr={appellantApplicantRepresentationArr}
/> */}
</div>
</div>
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-button-group"> <div className="govuk-button-group">
<button <button
disabled={confirmSections ? false : true} disabled={
confirmSections
? false
: true
}
type="submit" type="submit"
className="govuk-button" className="govuk-button"
data-module="govuk-button" data-module="govuk-button"
@@ -518,28 +532,26 @@ const RepCompleteSubmit = (props) => {
// setRepresentationSubmitConfirmation( // setRepresentationSubmitConfirmation(
// true // true
// ); // );
setRepresentationSubmit(true); setRepresentationSubmit(
true
);
}} }}
> >
{t("common:continue-button")} {t("common:continue-button")}
</button> </button>
{/* <a
onClick={() => {
setRepresentationSubmit(false);
}}
className="govuk-button"
>
{t("common:continue-button")}
</a> */}
<a <a
onClick={() => setSubmitBack()} onClick={() => setSubmitBack()}
className="govuk-link" className="govuk-link"
> >
{t("case:summary-back-button-label")} {t(
"case:summary-back-button-label"
)}
</a> </a>
</div> </div>
</div> </div>
</>
)}
</div>
</div> </div>
</div> </div>
)} )}