#22/fix - update profile screen page

One-Bit-Myanmar · Oct 30, 2024 · c832b81 · c832b81
1 parent b51a2b0
commit c832b81
Showing 1 changed file with 15 additions and 10 deletions.
diff --git a/app/screens/UserScreen/ProfileScreen.jsx b/app/screens/UserScreen/ProfileScreen.jsx
@@ -68,22 +68,27 @@ export default function ProfileScreen() {
                 </Text>
             </View>
 
+            <Text style={{
+                paddingHorizontal: 15, fontSize: 15, color: Colors.Red,
+                fontWeight: 'bold', marginTop: 20, marginBottom: 10,
+            }}>Danger Zone</Text>
+
             {/* just for further upgrade  */}
             <View style={{ padding: 12, }}>
                 {/* export contribution data button  */}
                 <View style={styles.exportButton}>
                     <Text
                         style={styles.exportText}
                         onPress={() => { }}>
-                        Export Contribution Records
+                        <FontAwesome name="file" size={18} color={Colors.tailwind.primary} style={{ marginRight: 10 }} /> Export Contribution Records
                     </Text>
                 </View>
                 {/* delete account button  */}
                 <View style={styles.deleteButton}>
                     <Text
                         style={styles.deleteText}
                         onPress={() => { }}>
-                        Delete Account
+                        <FontAwesome name="ban" size={18} color={Colors.Red} style={{ marginRight: 10 }} /> Delete Account
                     </Text>
                 </View>
             </View>
@@ -156,25 +161,25 @@ const styles = StyleSheet.create({
     exportButton: {
         width: '100%',
         // backgroundColor: Colors.LightGreen,
-        borderColor: Colors.Green,
-        padding: 20,
+        // borderColor: Colors.tailwind.primary,
+        padding: 10,
         textAlign: 'center',
-        borderWidth: 2,
         borderRadius: 10,
         marginBottom: 10,
+        // backgroundColor: Colors.Gray,
     },
     exportText: {
-        color: Colors.Green,
+        color: Colors.tailwind.primary,
         fontSize: 16,
         fontWeight: 'bold',
     },
     deleteButton: {
         width: '100%',
-        borderColor: Colors.Red,
-        // backgroundColor: Colors.LightRed,
-        padding: 20,
+        // borderColor: Colors.Red,
+        // backgroundColor: Colors.Gray,
+        padding: 10,
         textAlign: 'center',
-        borderWidth: 2,
+        // borderWidth: 2,
         borderRadius: 10,
         marginBottom: 10,
     },