testing

2025-10-01 15:43:42 +05:30
parent 7a9ce601cb f854bd6765
commit fefe7b614d
27 changed files with 526 additions and 2300 deletions
@@ -43,7 +43,7 @@ const BecomeOrg = () => {
      const token = credentials.password;

      const response = await fetch(
-        "https://exotic-humpback-mistakenly.ngrok-free.app/api/organizer/registration/apply",
+        "http://192.168.1.9:9060/api/organizer/registration/apply",
        {
          method: "POST",
          headers: {
@@ -369,7 +369,7 @@ const Profile = () => {


  return (
-    <AppView>
+    <AppView paddingHorizontal={5} >
      {/* Header */}
      <View style={styles.header}>
        <Text style={styles.headerTitle}>User Profile</Text>
@@ -425,7 +425,6 @@ const Profile = () => {
              )
            }

-
            <View style={styles.profileImageSection}>
              <View style={styles.avatarContainer}>
                <Image
@@ -472,12 +471,13 @@ const Profile = () => {
                        onPress={() => setEditing(true)}
                        icon="create"
                        style={styles.editButton}
-                        buttonBackground={colors.pastelBlue}
+                        buttonBackground={colors.white}
                      />
                    </View>
                  </View>
+                  <View style ={{backgroundColor:colors.pastelBlue,borderRadius:20,elevation:5,paddingVertical:10}}>
                  <View style={styles.detailRow}>
-                    <Ionicons name="person" size={20} color={colors.pastelBlue} style={styles.detailIcon} />
+                    <Ionicons name="person" size={20} color={colors.black} style={styles.detailIcon} />
                    <View>
                      <Text style={styles.detailLabel}>Name</Text>
                      <Text style={styles.detailText}>{user?.firstName} {user?.lastName}</Text>
@@ -486,7 +486,7 @@ const Profile = () => {


                  <View style={styles.detailRow}>
-                    <Ionicons name="mail" size={20} color={colors.pastelBlue} style={styles.detailIcon} />
+                    <Ionicons name="mail" size={20} color={colors.black} style={styles.detailIcon} />
                    <View>
                      <Text style={styles.detailLabel}>Email</Text>
                      <Text style={styles.detailText}>{user?.email || "Not provided"}</Text>
@@ -495,7 +495,7 @@ const Profile = () => {


                  <View style={styles.detailRow}>
-                    <Ionicons name="call" size={20} color={colors.pastelBlue} style={styles.detailIcon} />
+                    <Ionicons name="call" size={20} color={colors.black} style={styles.detailIcon} />
                    <View>
                      <Text style={styles.detailLabel}>Mobile</Text>
                      <Text style={styles.detailText}>{user?.mobile || "Not provided"}</Text>
@@ -504,16 +504,16 @@ const Profile = () => {


                  <View style={styles.detailRow}>
-                    <Ionicons name="at-circle" size={20} color={colors.pastelBlue} style={styles.detailIcon} />
+                    <Ionicons name="at-circle" size={20} color={colors.black} style={styles.detailIcon} />
                    <View>
-                      <Text style={styles.detailLabel}>Username</Text>
+                      <Text style={styles.detailLabel}>Usernames</Text>
                      <Text style={styles.detailText}>{user?.username}</Text>
                    </View>
                  </View>


                  <View style={styles.detailRow}>
-                    <Ionicons name="location" size={20} color={colors.pastelBlue} style={styles.detailIcon} />
+                    <Ionicons name="location" size={20} color={colors.black} style={styles.detailIcon} />
                    <View>
                      <Text style={styles.detailLabel}>Address</Text>
                      <Text style={styles.detailText}>{user?.address || "Not provided"}</Text>
@@ -522,7 +522,7 @@ const Profile = () => {


                  <View style={styles.detailRow}>
-                    <Ionicons name="male-female" size={20} color={colors.pastelBlue} style={styles.detailIcon} />
+                    <Ionicons name="male-female" size={20} color={colors.black} style={styles.detailIcon} />
                    <View>
                      <Text style={styles.detailLabel}>Gender</Text>
                      <Text style={styles.detailText}>{user?.gender || "Not specified"}</Text>
@@ -531,18 +531,19 @@ const Profile = () => {


                  <View style={styles.detailRow}>
-                    <Ionicons name="key" size={20} color={colors.pastelBlue} style={styles.detailIcon} />
+                    <Ionicons name="key" size={20} color={colors.black} style={styles.detailIcon} />
                    <View>
                      <Text style={styles.detailLabel}>Role</Text>
                      <Text style={styles.detailText}>{user?.role || "User"}</Text>
                    </View>
                  </View>
-
+</View>
                  {/* BANK DETAILS SECTION */}
                  <View style={{ marginTop: 20 }}>
                    <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
                      <Text style={styles.sectionTitle}>Bank Information</Text>
                      {/* Navigate to a screen you will create for editing bank details */}
+                      
                      <CustomButton
                        title="Edit Bank Details"
                        onPress={() =>{ navigation.navigate("EditBankDetails", {
@@ -553,120 +554,115 @@ const Profile = () => {

                        icon="create-outline"
                        style={styles.editButton}
-                         buttonBackground={colors.pastelBlue}
+                         buttonBackground={colors.white}
                      />
                    </View>
+                                     <View style ={{backgroundColor:colors.pastelBlue,borderRadius:20,elevation:5,paddingVertical:10}}>
                    <View style={styles.detailRow}>
-                      <Ionicons name="business" size={20} color={colors.pastelBlue} style={styles.detailIcon} />
+                      <Ionicons name="business" size={20} color={colors.black}style={styles.detailIcon} />
                      <View>
                        <Text style={styles.detailLabel}>Bank Name</Text>
                        <Text style={styles.detailText}>{user?.bankName || "Not provided"}</Text>
                      </View>
                    </View>
                    <View style={styles.detailRow}>
-                      <Ionicons name="barcode" size={20} color={colors.pastelBlue} style={styles.detailIcon} />
+                      <Ionicons name="barcode" size={20} color={colors.black} style={styles.detailIcon} />
                      <View>
                        <Text style={styles.detailLabel}>Branch Code</Text>
                        <Text style={styles.detailText}>{user?.branchCode || "Not provided"}</Text>
                      </View>
                    </View>
                    <View style={styles.detailRow}>
-                      <Ionicons name="card" size={20} color={colors.pastelBlue} style={styles.detailIcon} />
+                      <Ionicons name="card" size={20} color={colors.black} style={styles.detailIcon} />
                      <View>
                        <Text style={styles.detailLabel}>Account Number</Text>
                        <Text style={styles.detailText}>{user?.bankAccountNumber || "Not provided"}</Text>
                      </View>
                    </View>
+                    </View>
                  </View>
-
-
                </View>
              </>
            ) : (
-              <>
-                {/* Edit Form */}
-                <View style={styles.editSection}>
-                  <Text style={styles.sectionTitle}>Edit Profile</Text>
+   <>
+  {/* Edit Form */}
+  <View style={styles.editSection}>
+    <Text style={styles.sectionTitle}>Edit Profile</Text>

+    <CustomInput
+      error=""
+      label="First Name"
+      placeholder="Enter first name"
+      value={user?.firstName ?? ""}
+      onChangeText={(text) => setUser({ ...user, firstName: text })}
+      icon="person"
+    />

-                  <CustomInput
-                    error=""
-                    label="First Name"
-                    placeholder="Enter first name"
-                    value={user?.firstName ?? ""}
-                    onChangeText={(text) => setUser({ ...user, firstName: text })}
-                    icon="person"
-                  />
+    <CustomInput
+      error=""
+      label="Last Name"
+      placeholder="Enter last name"
+      value={user?.lastName ?? ""}
+      onChangeText={(text) => setUser({ ...user, lastName: text })}
+      icon="person"
+    />

+    <CustomInput
+      error=""
+      label="Email"
+      placeholder="Enter email"
+      value={user?.email ?? ""}
+      onChangeText={(text) => setUser({ ...user, email: text })}
+      icon="mail"
+      keyboardType="email-address"
+    />

-                  <CustomInput
-                    error=""
-                    label="Last Name"
-                    placeholder="Enter last name"
-                    value={user?.lastName ?? ""}
-                    onChangeText={(text) => setUser({ ...user, lastName: text })}
-                    icon="person"
-                  />
+    <CustomInput
+      error=""
+      label="Username"
+      placeholder="Enter username"
+      value={user?.username ?? ""}
+      onChangeText={(text) => setUser({ ...user, username: text })}
+      icon="at"
+    />

+    <CustomInput
+      error=""
+      label="Address"
+      placeholder="Enter address"
+      value={user?.address ?? ""}
+      onChangeText={(text) => setUser({ ...user, address: text })}
+      icon="location"
+      multiline
+    />

-                  <CustomInput
-                    error=""
-                    label="Email"
-                    placeholder="Enter email"
-                    value={user?.email ?? ""}
-                    onChangeText={(text) => setUser({ ...user, email: text })}
-                    icon="mail"
-                    keyboardType="email-address"
-                  />
+    <CustomInput
+      error=""
+      label="Gender"
+      placeholder="Enter gender"
+      value={user?.gender ?? ""}
+      onChangeText={(text) => setUser({ ...user, gender: text })}
+      icon="male-female"
+    />

-
-                  <CustomInput
-                    error=""
-                    label="Username"
-                    placeholder="Enter username"
-                    value={user?.username ?? ""}
-                    onChangeText={(text) => setUser({ ...user, username: text })}
-                    icon="at"
-                  />
-                  <CustomInput
-                    error=""
-                    label="Address"
-                    placeholder="Enter address"
-                    value={user?.address ?? ""}
-                    onChangeText={(text) => setUser({ ...user, address: text })}
-                    icon="location"
-                    multiline
-                  />
-                  <CustomInput
-                    error=""
-                    label="Gender"
-                    placeholder="Enter gender"
-                    value={user?.gender ?? ""}
-                    onChangeText={(text) => setUser({ ...user, gender: text })}
-                    icon="male-female"
-                  />
-
-
-                  <View style={styles.editButtons}>
-                    <CustomButton
-                      title="Save Changes"
-                      onPress={updateProfile}
-                      icon="save"
-                      style={styles.saveButton}
-                      buttonBackground={colors.pastelBlue}
-                    />
-                    <CustomButton
-                      title="Cancel"
-                      onPress={() => setEditing(false)}
-                      icon="close"
-                      style={styles.cancelButton}
-                      buttonBackground={colors.white }
-                    />
-                  </View>
-
-
-                </View>
-              </>
+    <View style={styles.editButtons}>
+      <CustomButton
+        title="Save Changes"
+        onPress={updateProfile}
+        icon="save"
+        style={styles.saveButton}
+        buttonBackground={colors.pastelBlue}
+      />
+      <CustomButton
+        title="Cancel"
+        onPress={() => setEditing(false)}
+        icon="close"
+        style={styles.cancelButton}
+        buttonBackground={colors.white}
+      />
+    </View>
+  </View>
+</>
            )}
          </View>
        </ScrollView>
@@ -775,10 +771,10 @@ const styles = StyleSheet.create({
    flexDirection: "row",
    alignItems: "center",
    marginBottom: 16,
-    paddingHorizontal: 8,
+    paddingHorizontal: 12,
  },
  detailIcon: {
-    marginRight: 12,
+    marginRight: 20,
    elevation:5 
  },
  detailLabel: {
@@ -794,7 +790,10 @@ const styles = StyleSheet.create({
  editButton: {
    elevation:5,
    paddingHorizontal: 10,
+    paddingVertical:4,
    borderRadius: 15,
+    borderWidth:2,
+    borderColor:colors.pastelBlue
  },
  editSection: {
    marginBottom: '100%',