Require book selection for adoption/interest

Author: RoyEJohnson

src/app/components/multi-page-form/multi-page-form.scss

@@ -51,6 +51,10 @@
         }
 
         &.validated  {
+            .invalid-message {
+                display: block;
+            }
+
             :invalid {
                 background-color: ui-color(error-bg);
                 border-color: ui-color(error-border);

src/app/pages/adoption/adoption.js

@@ -66,8 +66,10 @@ function FacultyForm({position, onPageChange}) {
 
     const doSubmit = React.useCallback(
         (form) => {
-            form.submit();
-            onSubmit();
+            if (selectedBooksRef.current?.length > 0) {
+                form.submit();
+                onSubmit();
+            }
         },
         [onSubmit]
     );

src/app/pages/interest/interest.js

@@ -98,10 +98,15 @@ function FacultyForm({position, onPageChange}) {
         return Boolean(page !== 1 || position !== 'Student');
     }
 
-    function doSubmit(form) {
-        form.submit();
-        onSubmit();
-    }
+    const doSubmit = React.useCallback(
+        (form) => {
+            if (selectedBooksRef.current?.length > 0) {
+                form.submit();
+                onSubmit();
+            }
+        },
+        [onSubmit]
+    );
 
     return (
         <React.Fragment>