From dc1cf1493d4c838e93efe3a08e3609be55682bae Mon Sep 17 00:00:00 2001
From: Ahnaf An Nafee <ahnafnafee@gmail.com>
Date: Sun, 6 Mar 2022 23:02:36 -0500
Subject: [PATCH] fixed form error for sign up

---
 components/SignUp.js | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/components/SignUp.js b/components/SignUp.js
index 6369acd..3512d08 100644
--- a/components/SignUp.js
+++ b/components/SignUp.js
@@ -100,7 +100,12 @@ export default function SignUp() {
     return (
         <div className="flex flex-col flex-1 justify-between">
             <div>
-                <FormControl isRequired className="my-4" size="md">
+                <FormControl
+                    isInvalid={Boolean(errors.name)}
+                    isRequired
+                    className="my-4"
+                    size="md"
+                >
                     <FormLabel htmlFor="email">First Name</FormLabel>
                     <InputGroup size="md">
                         <Input
@@ -117,7 +122,12 @@ export default function SignUp() {
                     </InputGroup>
                     <FormErrorMessage>{errors.name}</FormErrorMessage>
                 </FormControl>
-                <FormControl isRequired className="my-4" size="md">
+                <FormControl
+                    isInvalid={Boolean(errors.email)}
+                    isRequired
+                    className="my-4"
+                    size="md"
+                >
                     <FormLabel htmlFor="email">Email address</FormLabel>
                     <InputGroup size="md">
                         <Input
@@ -134,7 +144,11 @@ export default function SignUp() {
                     </InputGroup>
                     <FormErrorMessage>{errors.email}</FormErrorMessage>
                 </FormControl>
-                <FormControl isRequired className="my-4">
+                <FormControl
+                    isInvalid={Boolean(errors.password)}
+                    isRequired
+                    className="my-4"
+                >
                     <FormLabel htmlFor="password">Password</FormLabel>
                     <InputGroup size="md">
                         <Input