Fix/auth UI

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-npx lint-staged
+# npx lint-staged

src/components/shared/buttons/globalbutton/Button.module.css

@@ -4,6 +4,14 @@
   color: white;
 }
 
+.solid:disabled {
+  background-color: #ff5b31;
+  color: white;
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: 0.5;
+}
+
 .outline {
   border-radius: 12px;
   background-color: white;
@@ -24,11 +32,11 @@
   transition: all 0.2s ease-in-out;
 }
 
-.solid:disabled,
 .outline:disabled {
   color: black;
   border: black solid 1px;
   cursor: not-allowed;
+  background-color: #28183b;
   opacity: 0.5;
 }
 

src/hooks/useAuth.js

@@ -10,17 +10,40 @@ export function useAuth(authType) {
   const navigate = useNavigate();
   const [loading, setloading] = useState(false);
   const dispatch = useDispatch();
+  const emailRegex = /^[a-zA-Z0-9._:$!%-]+@[a-zA-Z0-9.-]+.[a-zA-Z]$/;
 
-  async function authenticateUser(credentials) {
+  async function authenticateUser(credentials, setErrors) {
     if (!checkInternetConnection()) {
       return;
     }
 
+    if (emailRegex.test(credentials.email) === false) {
+      setErrors((prev) => ({
+        ...prev,
+        email: "Please enter a valid email address",
+      }));
+      return;
+    }
+
+    // Passwords needs to be minimum 8 characters long with atleast 1 number, 1 uppercase and 1 lowercase letter
+    const passwordRegex = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}$/;
+    if (passwordRegex.test(credentials.password) === false) {
+      setErrors((prev) => ({
+        ...prev,
+        password:
+          "Password must be minimum 8 characters long with atleast 1 number, 1 uppercase and 1 lowercase letter",
+      }));
+      return;
+    }
+
     setloading(true);
 
-    const response = await (authType === "login"
+    const response = await (authType === "signin"
       ? LoginUser(credentials)
-      : RegisterUser(credentials));
+      : RegisterUser({
+          ...credentials,
+          userType: credentials.userType.value,
+        }));
 
     if (response?.status === 201 || response?.status === 200) {
       showSuccessToast(response?.data?.message);