feat: adding new info banner

bcgov · Nov 22, 2024 · ca0df3c · ca0df3c
1 parent de21c62
commit ca0df3c
Showing 1 changed file with 22 additions and 7 deletions.
diff --git a/frontend/src/views/Seedlot/SeedlotRegFormClassA/RegPage.tsx b/frontend/src/views/Seedlot/SeedlotRegFormClassA/RegPage.tsx
@@ -60,6 +60,12 @@ const RegPage = () => {
 
   const { isTscAdmin } = useContext(AuthContext);
 
+  const disableSubmit = !allStepCompleted
+    || saveStatus === 'conflict'
+    || !seedlotData
+    || (seedlotData.seedlotStatus.seedlotStatusCode !== 'PND'
+    && seedlotData.seedlotStatus.seedlotStatusCode !== 'INC');
+
   return (
     <div className="seedlot-registration-page">
       <FlexGrid fullWidth>
@@ -176,6 +182,21 @@ const RegPage = () => {
           </Column>
         </Row>
         <Row className="seedlot-registration-button-row">
+          {
+            formStep === 5 && disableSubmit
+              ? (
+                <Column sm={4} md={8} lg={16} xlg={12}>
+                  <InlineNotification
+                    lowContrast
+                    kind="warning"
+                    title="Missing fields:"
+                    subtitle="Submit registration is disabled until mandatory fields are filled in
+                              correctly. You can check for blank or invalid fields on every step."
+                  />
+                </Column>
+              )
+              : null
+          }
           <Grid narrow>
             <Column sm={4} md={3} lg={3} xlg={4}>
               {
@@ -237,13 +258,7 @@ const RegPage = () => {
                     <SubmitModal
                       btnText="Submit Registration"
                       renderIconName="CheckmarkOutline"
-                      disableBtn={
-                        !allStepCompleted
-                        || saveStatus === 'conflict'
-                        || !seedlotData
-                        || (seedlotData.seedlotStatus.seedlotStatusCode !== 'PND'
-                        && seedlotData.seedlotStatus.seedlotStatusCode !== 'INC')
-                      }
+                      disableBtn={disableSubmit}
                       submitFn={() => {
                         submitSeedlot.mutate(
                           getSeedlotPayload(