From 9764cc5208a34a1a265c0206330d2e04cd676e70 Mon Sep 17 00:00:00 2001
From: yzernik <yzernik@gmail.com>
Date: Sat, 25 Jul 2020 19:59:03 -0700
Subject: [PATCH] Validate form input on makesqueak submit

---
 .../src/pages/makesqueak/MakeSqueak.js        | 33 ++++++++++++-------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/frontend/react-material-admin/src/pages/makesqueak/MakeSqueak.js b/frontend/react-material-admin/src/pages/makesqueak/MakeSqueak.js
index 1db104cc..8262ae71 100644
--- a/frontend/react-material-admin/src/pages/makesqueak/MakeSqueak.js
+++ b/frontend/react-material-admin/src/pages/makesqueak/MakeSqueak.js
@@ -37,7 +37,15 @@ export default function MakeSqueakPage() {
     console.log( 'profileId:', profileId);
     console.log( 'content:', content);
     console.log( 'replyto:', replyto);
-   makeSqueak(profileId, content, replyto);
+    if (profileId == -1) {
+      alert('Signing profile must be selected.');
+      return;
+    }
+    if (!content) {
+      alert('Content cannot be empty.');
+      return;
+    }
+    makeSqueak(profileId, content, replyto);
   }
 
   const handleChange = (event) => {
@@ -83,9 +91,19 @@ export default function MakeSqueakPage() {
     getSigningProfiles()
   }, []);
 
+  function MakeSqueakForm() {
+    return (
+      <form className={classes.root} onSubmit={handleSubmit} noValidate autoComplete="off">
+        {MakeSelectSigningProfile()}
+        {MakeSqueakContentInput()}
+        {MakeSqueakButton()}
+      </form>
+    )
+  }
+
   function MakeSelectSigningProfile() {
     return (
-      <FormControl className={classes.formControl}>
+      <FormControl className={classes.formControl} required>
         <InputLabel id="demo-simple-select-label">Signing Profile</InputLabel>
         <Select
           labelId="demo-simple-select-label"
@@ -101,22 +119,13 @@ export default function MakeSqueakPage() {
     )
   }
 
-  function MakeSqueakForm() {
-    return (
-      <form className={classes.root} onSubmit={handleSubmit} noValidate autoComplete="off">
-        {MakeSelectSigningProfile()}
-        {MakeSqueakContentInput()}
-        {MakeSqueakButton()}
-      </form>
-    )
-  }
-
   function MakeSqueakContentInput() {
     return (
       <TextField
         id="standard-textarea"
         label="Squeak content"
         placeholder="Enter squeak content here..."
+        required
         value={content}
         onChange={handleChangeContent}
         multiline