feat(edit-profile): validate weburl

Author: HelanaNady

src/screens/profile/EditProfileScreen.tsx

@@ -129,6 +129,18 @@ const EditProfileScreen = () => {
     }
   };
 
+  const isValidUrl = (url?: string | null) => {
+    if (!url) {
+      return false;
+    }
+    try {
+      new URL(url);
+      return true;
+    } catch {
+      return false;
+    }
+  };
+
   // const takePhoto = async () => {
   //   const hasPermission = await requestCameraPermissions();
   //   if (!hasPermission) return;
@@ -150,6 +162,13 @@ const EditProfileScreen = () => {
   };
 
   const handleFormSubmit = useCallback(async () => {
+    if (!isValidUrl(formData.websiteUrl) && formData.websiteUrl) {
+      const errorMessage = 'Please enter a valid website URL';
+      setError(errorMessage);
+      setLoading(false);
+      return;
+    }
+
     try {
       setLoading(true);
       clearError();
@@ -224,14 +243,6 @@ const EditProfileScreen = () => {
     );
   }
 
-  if (error) {
-    return (
-      <View style={styles.centerContainer}>
-        <Text style={styles.errorContainer}>Error: {error}</Text>
-      </View>
-    );
-  }
-
   return (
     <KeyboardAvoidingView
       behavior="padding"
@@ -296,9 +307,11 @@ const EditProfileScreen = () => {
               value={formData.websiteUrl}
               label="Website"
               onChangeText={(value) => {
-                setFormData((prev) => ({ ...prev, ['displayName']: value }));
+                setFormData((prev) => ({ ...prev, ['websiteUrl']: value }));
                 setFormDataChanged(true);
               }}
+              autoCapitalize="none"
+              error={error || undefined}
             />
             <Pressable onPress={openDatePicker}>
               <TextInput
@@ -381,6 +394,14 @@ const EditProfileScreen = () => {
               themeVariant={theme}
             />
           )}
+
+          {error && (
+            <View style={styles.centerContainer}>
+              <Text style={styles.errorContainer} className="text-destructive">
+                Error: {error}
+              </Text>
+            </View>
+          )}
         </ScrollView>
       </View>
     </KeyboardAvoidingView>