From bb2ed39cd82c30db398785696f0a3c1efed62a9f Mon Sep 17 00:00:00 2001
From: "Rayyan (Rayy)" <rayyan.hodges@studytafensw.edu.au>
Date: Tue, 12 Sep 2023 10:32:32 +0000
Subject: [PATCH] Add logging message to check if username is longer than 4
 characters

---
 src/pages/Signup.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/pages/Signup.js b/src/pages/Signup.js
index f9d2ea6..8811c67 100644
--- a/src/pages/Signup.js
+++ b/src/pages/Signup.js
@@ -14,6 +14,12 @@ export function Signup ( props ) {
         evt.preventDefault()
     }
 
+    useEffect( () => {
+        if(username.length > 4) {
+           console.log("longer than 4 characters")
+        }
+        }
+        )
 
     return (
        
@@ -23,7 +29,12 @@ export function Signup ( props ) {
            <Form>
                 <Form.Group>
                     <Form.Label>Username</Form.Label>
-                    <Form.Control type="text" name="username" placeholder='username'/>
+                    <Form.Control
+                    type="text"
+                    name="username"
+                    placeholder='username'
+                    onChange={ (evt) => setUsername(evt.target.value) }
+                    />
                     </Form.Group>
                     <Form.Group>    
                     <Form.Label>Email</Form.Label>