From a41851dfcced88e040c11131903e989ca1e4480e Mon Sep 17 00:00:00 2001
From: Nurmuhammet Allanov <nurmuhammet@mail.com>
Date: Thu, 11 Sep 2025 15:28:40 +0500
Subject: [PATCH] Refactor VerificationScreen to include KeyboardAvoidingView
 for improved keyboard handling; update text in
 CardTransactionOrderDetailsScreen for better localization.

---
 src/screens/Auth/VerificationScreen.js        | 92 ++++++++++---------
 .../Card/CardTransactionOrderDetailsScreen.js |  2 +-
 2 files changed, 51 insertions(+), 43 deletions(-)

diff --git a/src/screens/Auth/VerificationScreen.js b/src/screens/Auth/VerificationScreen.js
index 645f3d2..053588c 100644
--- a/src/screens/Auth/VerificationScreen.js
+++ b/src/screens/Auth/VerificationScreen.js
@@ -10,6 +10,7 @@ import {
   Keyboard,
   BackHandler,
   Platform,
+  KeyboardAvoidingView,
 } from 'react-native';
 import { StatusBar } from 'expo-status-bar';
 import { useFocusEffect } from '@react-navigation/native';
@@ -134,54 +135,61 @@ const VerificationScreen = ({ navigation }) => {
         </TouchableOpacity>
       </View>
 
-      <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
-        <View style={styles.content}>
-          <View style={styles.logoContainer}>
-            <View style={styles.verificationIcon}>
-              <Text style={styles.verificationIconText}>✓</Text>
+      <KeyboardAvoidingView
+        style={{ flex: 1 }}
+        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+      >
+        <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
+          <View style={styles.content}>
+            <View style={styles.logoContainer}>
+              <View style={styles.verificationIcon}>
+                <Text style={styles.verificationIconText}>✓</Text>
+              </View>
+              <Text style={styles.title}>Tassyklama</Text>
+              <Text style={styles.subtitle}>
+                {formatPhoneNumber(pendingVerification.phone)} belgisine iberilen 
+                6 sanly tassyklama koduny giriziň
+              </Text>
             </View>
-            <Text style={styles.title}>Tassyklama</Text>
-            <Text style={styles.subtitle}>
-              {formatPhoneNumber(pendingVerification.phone)} belgisine iberilen 
-              6 sanly tassyklama koduny giriziň
-            </Text>
-          </View>
 
-          <View style={styles.formContainer}>
-            <Input
-              label="Tassyklama kody"
-              value={code}
-              onChangeText={setCode}
-              placeholder="123456"
-              keyboardType="numeric"
-              maxLength={6}
-              style={styles.codeInput}
-              textAlign="center"
-              returnKeyType="done"
-              onSubmitEditing={handleVerify}
-            />
+            <View style={styles.formContainer}>
+              <Input
+                label="Tassyklama kody"
+                value={code}
+                onChangeText={setCode}
+                placeholder="123456"
+                keyboardType="numeric"
+                maxLength={6}
+                style={styles.codeInput}
+                textAlign="center"
+                returnKeyType="done"
+                onSubmitEditing={handleVerify}
+                textContentType="oneTimeCode"
+                autoComplete="sms-otp"
+              />
 
-            <Button
-              title="Tassykla"
-              onPress={handleVerify}
-              loading={isLoading}
-              style={styles.verifyButton}
-            />
+              <Button
+                title="Tassykla"
+                onPress={handleVerify}
+                loading={isLoading}
+                style={styles.verifyButton}
+              />
 
-            <View style={styles.resendContainer}>
-              {canResend ? (
-                <TouchableOpacity onPress={handleResendCode}>
-                  <Text style={styles.resendText}>Kodu gaýtadan iber</Text>
-                </TouchableOpacity>
-              ) : (
-                <Text style={styles.countdownText}>
-                  Gaýtadan ibermek üçin {countdown} sekunt garaşyň
-                </Text>
-              )}
+              <View style={styles.resendContainer}>
+                {canResend ? (
+                  <TouchableOpacity onPress={handleResendCode}>
+                    <Text style={styles.resendText}>Kodu gaýtadan iber</Text>
+                  </TouchableOpacity>
+                ) : (
+                  <Text style={styles.countdownText}>
+                    Gaýtadan ibermek üçin {countdown} sekunt garaşyň
+                  </Text>
+                )}
+              </View>
             </View>
           </View>
-        </View>
-      </TouchableWithoutFeedback>
+        </TouchableWithoutFeedback>
+      </KeyboardAvoidingView>
     </SafeAreaView>
   );
 };
diff --git a/src/screens/Card/CardTransactionOrderDetailsScreen.js b/src/screens/Card/CardTransactionOrderDetailsScreen.js
index 72e5506..5623052 100644
--- a/src/screens/Card/CardTransactionOrderDetailsScreen.js
+++ b/src/screens/Card/CardTransactionOrderDetailsScreen.js
@@ -93,7 +93,7 @@ const CardTransactionOrderDetailsScreen = () => {
   if (!order) {
     return (
       <View style={styles.centered}>
-        <Text>No data</Text>
+        <Text>Maglumat tapylmady</Text>
       </View>
     );
   }