fix: Disable Continue Button In Login Page (#18)

* fix: Disable Continue Button In Login Page

* fix: Disabled Name If Name Is Not Provided

* fix: Before Disabling Continue Button Validating Name In Login Page

---------

Co-authored-by: Mohammed Fabinsha <fabinsha13@gmail.com>

Author: rameez1010

audire/audire-mobile-app/src/modules/login/LoginForm.tsx

@@ -25,7 +25,7 @@ const LoginForm = () => {
       if (!isNewUser) {
         const r = await trigger({ mobile: `+91${mobileNumber}` });
         setIsNewUser(r.isNewUser);
-        setMobileNumber(r.mobile);
+        setMobileNumber(r.mobile.substring(2));
         if (!r.isNewUser) {
           router.replace({
             pathname: 'verification',
@@ -43,7 +43,7 @@ const LoginForm = () => {
         router.push({
           pathname: 'verification',
           params: {
-            mobile: mobileNumber,
+            mobile: `91${mobileNumber}`,
             fullName: fullName,
             isNewUser: 1,
           },
@@ -54,10 +54,19 @@ const LoginForm = () => {
     }
   };
 
+  const isValid =
+    mobileNumber.length === 10 && (!isNewUser || fullName.length > 0);
+
   return (
-    <Box display="flex" flex={1} justifyContent="center" w="$full" alignItems='center'>
-      <Box  bg="$white" py="$5" px="$5" $base-w="$full" $md-w="45%" $xl-w="25%">
-               <Box mb="$9" alignSelf='flex-start'>
+    <Box
+      display="flex"
+      flex={1}
+      justifyContent="center"
+      w="$full"
+      alignItems="center"
+    >
+      <Box bg="$white" py="$5" px="$5" $base-w="$full" $md-w="45%" $xl-w="25%">
+        <Box mb="$9" alignSelf="flex-start">
           <Text fontSize="$xl" color="black" fontWeight="bold">
             Welcome to
           </Text>
@@ -119,14 +128,15 @@ const LoginForm = () => {
             </Input>
           </FormControl>
         ) : null}
-        <Box mb="$1" w="$full">
+        <Box mb="$1" w="$full" opacity={isValid ? 1 : 0.7}>
           <Button
             variant="solid"
             mt="$1"
             bg="#B051AE"
             onPress={() => {
               handleTrigger();
             }}
+            disabled={!isValid}
           >
             {isTriggeringMobileOTP ? (
               <ActivityIndicator size="small" color="#ffffff" />