2380 Disable Transaction Page "Save" Button (#2406)

* Disable Save button if vehicle supplier, transaction type, or effective date is not entered. * Disable "Submit to Director" button if credit quantity is missing.
bcgov · Jan 2, 2025 · cf8f899 · cf8f899
1 parent bc1c9a3
commit cf8f899
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/frontend/src/creditagreements/components/CreditAgreementsDetailsPage.js b/frontend/src/creditagreements/components/CreditAgreementsDetailsPage.js
@@ -30,6 +30,10 @@ const CreditAgreementsDetailsPage = (props) => {
     user,
   } = props;
 
+  const typesExemptFromCreditContent = [
+    "Automatic Administrative Penalty"
+  ];
+
   const [showModal, setShowModal] = useState(false);
   const showComments =
     details?.filteredIdirComments && details?.filteredIdirComments.length > 0;
@@ -301,6 +305,15 @@ const CreditAgreementsDetailsPage = (props) => {
                       buttonType="submit"
                       optionalClassname="button primary"
                       optionalText="Submit to Director"
+                      disabled={
+                        !typesExemptFromCreditContent.includes(details.transactionType) && (
+                          details.creditAgreementContent.length === 0 ||
+                          details.creditAgreementContent.some(content => content.numberOfCredits == 0)
+                        )
+                      }
+                      buttonTooltip={
+                        `Please fill in all quantities of credits to enable the "Submit to Director" button.`
+                      }
                       action={() => {
                         setShowModal(true);
                       }}

diff --git a/frontend/src/creditagreements/components/CreditAgreementsForm.js b/frontend/src/creditagreements/components/CreditAgreementsForm.js
@@ -405,6 +405,14 @@ const CreditAgreementsForm = (props) => {
                   buttonType="save"
                   optionalClassname="button primary"
                   optionalText="Save"
+                  disabled={
+                    !agreementDetails.vehicleSupplier ||
+                    !agreementDetails.transactionType ||
+                    !agreementDetails.effectiveDate
+                  }
+                  buttonTooltip={
+                    `Please fill in all the required fields to enable the "Save" button.`
+                  }
                   action={() => {
                     handleSubmit('')
                   }}