components/auth/viewLogin.tsx

@@ -2,10 +2,11 @@ import Styles from "@/constants/Styles"
 import { apiCheckPhoneLogin, apiSendOtp } from "@/lib/api"
 import AsyncStorage from "@react-native-async-storage/async-storage"
 import { useState } from "react"
-import { Image, SafeAreaView, Text, ToastAndroid, View } from "react-native"
+import { Image, SafeAreaView, ToastAndroid, View } from "react-native"
 import { ButtonForm } from "../buttonForm"
 import { InputForm } from "../inputForm"
 import ModalLoading from "../modalLoading"
+import Text from "../Text"
 
 
 type Props = {

components/auth/viewVerification.tsx

@@ -3,9 +3,10 @@ import { apiSendOtp } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
 import AsyncStorage from "@react-native-async-storage/async-storage";
 import { useState } from "react";
-import { Image, Text, ToastAndroid, View } from "react-native";
+import { Image, ToastAndroid, View } from "react-native";
 import { OtpInput } from "react-native-otp-entry";
 import { ButtonForm } from "../buttonForm";
+import Text from "../Text";
 
 type Props = {
    phone: string
@@ -77,6 +78,7 @@ export default function ViewVerification({ phone, otp }: Props) {
                      alignSelf: 'center'
                   },
                   pinCodeContainerStyle: Styles.verificationCell,
+                  pinCodeTextStyle: { color: 'black' }
                }}
             />
             <ButtonForm