update pop-up dialog box UI

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "postman.settings.dotenv-detection-notification-visibility": false
+}

app/components/elements.js

@@ -797,29 +797,29 @@ const customAlert = function (props) {
         style={{
           backgroundColor: theme?.theme.dark ? theme.theme.colors.border : 'white',
           zIndex: 10,
-          borderRadius: 10,
+          borderRadius: 20,
           alignItems: 'center',
           overflow: 'hidden', 
           height: 500  
         }}>
 
-        {/* Image in the top half */}
+        <View style={{ height: 250, width: '100%' }}>
-        <View style={{ flex: 1 }}>
           <Image
             source={Assets.bg.modal_bg}  
             style={{
               height: '100%',
-              resizeMode: 'contain',  
+              width: '100%',
+              resizeMode: 'cover',  
             }}
           />
         </View>
 
-        {/* Text in the bottom half */}
         <View style={{
-          // flex: 1,
+          height: 250,
-          justifyContent: 'center',
+          justifyContent: 'space-around',
           alignItems: 'center',
           paddingHorizontal: 15,
+          width: '100%',
         }}>
           {
             children ?
@@ -840,8 +840,11 @@ const customAlert = function (props) {
                     color: theme?.theme.dark ? theme?.theme.colors.text : "black",
                     textAlign: 'center',
                     fontSize: 16,
-                    marginBottom: 35
+                    marginBottom: 35,
-                  }}>
+                    marginHorizontal: 5,
+                  }}  numberOfLines={5} 
+                  adjustsFontSizeToFit>
+                  
                   {body}
                 </Text>
 
@@ -856,7 +859,7 @@ const customAlert = function (props) {
                         alignItems: 'center',
                         paddingVertical: 6,
                         marginRight: 6,
-                        borderRadius: 5
+                        borderRadius: 20
                       }}>
                       <Text style={{ fontWeight: 'bold', color: Theme.colors.primary, fontSize: 17 }}>
                         {noText ? noText : "Cancel"}
@@ -872,7 +875,7 @@ const customAlert = function (props) {
                         alignItems: 'center',
                         paddingVertical: 6,
                         marginLeft: 6,
-                        borderRadius: 5
+                        borderRadius: 20
                       }}>
                       <Text style={{ fontWeight: 'bold', color: 'white', fontSize: 17 }}>
                         {yesText ? yesText : "Yes"}

app/screens/account/index.js

@@ -187,7 +187,7 @@ class About extends React.PureComponent {
           if (account.data.card_number == this.state.data?.card_number) return null;
           return (
             <TouchableOpacity onPress={() => this.switchAccount(account, index)}>
-              <View style={{flexDirection: 'row', padding: 20, marginBottom: 15}}>
+              <View  key={index} style={{flexDirection: 'row', padding: 20, marginBottom: 15}}>
                 <View>
                   <NBImage
                     style={{height: 50, width: 50, marginRight: 10, borderRadius: 25}}