@tima2025/react-native-timalender 1.1.3 → 1.1.5

package/src/screens/Sign-in/index.tsx

@@ -3,7 +3,6 @@ import MD5 from 'md5';
 import React, { useEffect, useState } from 'react';
 import {
   ActivityIndicator,
-  ImageBackground,
   SafeAreaView,
   ScrollView,
   StatusBar,
@@ -17,7 +16,6 @@ import LinearGradient from 'react-native-linear-gradient';
 import Icon from 'react-native-vector-icons/Ionicons';
 import { useDispatch, useSelector } from 'react-redux';
 import { LoginIcon } from '../../assets/icons';
-import IntroImages from '../../assets/images/Splash';
 import Colors from '../../common/Colors';
 import Container from '../../common/Container';
 import FlexRow from '../../common/FlexRow';
@@ -233,179 +231,180 @@ export const SignIn = ({ navigation }: any) => {
   return (
     <Container>
       <StatusBar barStyle="light-content" />
-      <ImageBackground source={IntroImages.splash} style={{ flex: 1 }}>
-        <SafeAreaView
-          style={{
-            backgroundColor: 'white',
-            marginTop: actuatedNormalize(48),
-            flex: 1,
-            borderTopLeftRadius: 30,
-            borderTopRightRadius: 30,
-          }}
-        >
-          <ScrollView>
-            <LoginIcon />
-            <View
+      {/* <HeaderClose onPress={() => navigation.navigate('MyBank.Main')} /> */}
+      {/* <ImageBackground source={IntroImages.splash} style={{ flex: 1 }}> */}
+      <SafeAreaView
+        style={{
+          backgroundColor: 'white',
+          marginTop: actuatedNormalize(48),
+          flex: 1,
+          borderTopLeftRadius: 30,
+          borderTopRightRadius: 30,
+        }}
+      >
+        <ScrollView>
+          <LoginIcon />
+          <View
+            style={{
+              paddingHorizontal: actuatedNormalize(16),
+            }}
+          >
+            <RText
               style={{
-                paddingHorizontal: actuatedNormalize(16),
+                fontSize: 24,
+                fontWeight: 'bold',
+                textAlign: 'center',
+                marginVertical: actuatedNormalize(16),
               }}
             >
-              <RText
+              Đăng nhập
+            </RText>
+            <View
+              style={[
+                {
+                  paddingHorizontal: 16,
+                  paddingVertical: 8,
+                  borderRadius: 8,
+                  backgroundColor: 'white',
+                  shadowColor: '#000000',
+                  shadowOffset: {
+                    width: 1,
+                    height: 1,
+                  },
+                  shadowOpacity: 0.2,
+                  elevation: 2,
+                },
+              ]}
+            >
+              <RText style={{ color: '#4F4F4F' }}>Số điện thoại/ Email</RText>
+              <TextInput
+                style={styleCustoms.input}
+                value={phone}
+                onChangeText={(text: string) => setPhone(text)}
+              />
+            </View>
+            <View
+              style={[
+                {
+                  paddingHorizontal: 16,
+                  paddingVertical: 8,
+                  borderRadius: 8,
+                  backgroundColor: 'white',
+                  shadowColor: '#000000',
+                  shadowOffset: {
+                    width: 1,
+                    height: 1,
+                  },
+                  shadowOpacity: 0.2,
+                  marginTop: actuatedNormalize(16),
+                  elevation: 4,
+                },
+              ]}
+            >
+              <RText style={{ color: '#4F4F4F' }}>Mật khẩu</RText>
+              <View
                 style={{
-                  fontSize: 24,
-                  fontWeight: 'bold',
-                  textAlign: 'center',
-                  marginVertical: actuatedNormalize(16),
+                  flexDirection: 'row',
+                  justifyContent: 'space-between',
                 }}
               >
-                Đăng nhập
-              </RText>
-              <View
-                style={[
-                  {
-                    paddingHorizontal: 16,
-                    paddingVertical: 8,
-                    borderRadius: 8,
-                    backgroundColor: 'white',
-                    shadowColor: '#000000',
-                    shadowOffset: {
-                      width: 1,
-                      height: 1,
-                    },
-                    shadowOpacity: 0.2,
-                    elevation: 2,
-                  },
-                ]}
-              >
-                <RText style={{ color: '#4F4F4F' }}>Số điện thoại/ Email</RText>
                 <TextInput
-                  style={styleCustoms.input}
-                  value={phone}
-                  onChangeText={(text: string) => setPhone(text)}
+                  secureTextEntry={!showPass}
+                  style={[styleCustoms.input, { flex: 1 }]}
+                  value={password}
+                  onChangeText={(text: string) => setPassword(text)}
                 />
+                <TouchableOpacity onPress={() => setShowPass(!showPass)}>
+                  {showPass ? (
+                    <Icon name="eye-off" size={20} color="#BDBDBD" />
+                  ) : (
+                    <Icon name="eye" size={20} color="#BDBDBD" />
+                  )}
+                </TouchableOpacity>
               </View>
-              <View
-                style={[
-                  {
-                    paddingHorizontal: 16,
-                    paddingVertical: 8,
-                    borderRadius: 8,
-                    backgroundColor: 'white',
-                    shadowColor: '#000000',
-                    shadowOffset: {
-                      width: 1,
-                      height: 1,
-                    },
-                    shadowOpacity: 0.2,
-                    marginTop: actuatedNormalize(16),
-                    elevation: 4,
-                  },
-                ]}
-              >
-                <RText style={{ color: '#4F4F4F' }}>Mật khẩu</RText>
-                <View
+            </View>
+            <View
+              style={[
+                {
+                  justifyContent: 'space-between',
+                  marginTop: 16,
+                  alignItems: 'center',
+                  flexDirection: 'row',
+                },
+              ]}
+            >
+              <View style={[{ alignItems: 'center', flexDirection: 'row' }]}>
+                <TouchableOpacity onPress={() => setRemember(!remember)}>
+                  {remember ? (
+                    <Icon name="checkbox" size={24} color={Colors.ORANGE} />
+                  ) : (
+                    <Icon name="square-outline" size={24} color="#BDBDBD" />
+                  )}
+                </TouchableOpacity>
+                <RText
                   style={{
-                    flexDirection: 'row',
-                    justifyContent: 'space-between',
+                    fontWeight: '300',
+                    color: '#4F4F4F',
+                    paddingLeft: actuatedNormalize(4),
                   }}
                 >
-                  <TextInput
-                    secureTextEntry={!showPass}
-                    style={[styleCustoms.input, { flex: 1 }]}
-                    value={password}
-                    onChangeText={(text: string) => setPassword(text)}
-                  />
-                  <TouchableOpacity onPress={() => setShowPass(!showPass)}>
-                    {showPass ? (
-                      <Icon name="eye-off" size={20} color="#BDBDBD" />
-                    ) : (
-                      <Icon name="eye" size={20} color="#BDBDBD" />
-                    )}
-                  </TouchableOpacity>
-                </View>
-              </View>
-              <View
-                style={[
-                  {
-                    justifyContent: 'space-between',
-                    marginTop: 16,
-                    alignItems: 'center',
-                    flexDirection: 'row',
-                  },
-                ]}
-              >
-                <View style={[{ alignItems: 'center', flexDirection: 'row' }]}>
-                  <TouchableOpacity onPress={() => setRemember(!remember)}>
-                    {remember ? (
-                      <Icon name="checkbox" size={24} color={Colors.ORANGE} />
-                    ) : (
-                      <Icon name="square-outline" size={24} color="#BDBDBD" />
-                    )}
-                  </TouchableOpacity>
-                  <RText
-                    style={{
-                      fontWeight: '300',
-                      color: '#4F4F4F',
-                      paddingLeft: actuatedNormalize(4),
-                    }}
-                  >
-                    Nhớ mật khẩu
-                  </RText>
-                </View>
-                <TouchableOpacity
-                  onPress={() => navigation.navigate(Screens.ForgotPassword)}
-                >
-                  <RText style={{ fontWeight: '300', color: '#4F4F4F' }}>
-                    Quên mật khẩu?
-                  </RText>
-                </TouchableOpacity>
+                  Nhớ mật khẩu
+                </RText>
               </View>
               <TouchableOpacity
-                style={{ marginTop: 16 }}
-                disabled={isLoading}
-                onPress={() => onLogin()}
+                onPress={() => navigation.navigate(Screens.ForgotPassword)}
               >
-                <LinearGradient
-                  colors={['#FF8E4F', '#EF592E']}
-                  style={{
-                    height: 40,
-                    borderRadius: 30,
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                  }}
-                >
-                  {isLoading ? (
-                    <ActivityIndicator color={'white'} />
-                  ) : (
-                    <RText style={{ color: 'white', fontWeight: '600' }}>
-                      Đăng nhập
-                    </RText>
-                  )}
-                </LinearGradient>
+                <RText style={{ fontWeight: '300', color: '#4F4F4F' }}>
+                  Quên mật khẩu?
+                </RText>
               </TouchableOpacity>
             </View>
-            <KeyboardSpacer />
-          </ScrollView>
-
-          <FlexRow style={{ alignSelf: 'center' }}>
-            <RText>Bạn chưa có tài khoản ?</RText>
             <TouchableOpacity
-              onPress={() => navigation.navigate(Screens.SignUp)}
-              style={{
-                marginLeft: 6,
-              }}
+              style={{ marginTop: 16 }}
+              disabled={isLoading}
+              onPress={() => onLogin()}
             >
-              <RText
-                textStyle={{
-                  color: Colors.ORANGE,
+              <LinearGradient
+                colors={['#FF8E4F', '#EF592E']}
+                style={{
+                  height: 40,
+                  borderRadius: 30,
+                  alignItems: 'center',
+                  justifyContent: 'center',
                 }}
               >
-                Đăng ký
-              </RText>
+                {isLoading ? (
+                  <ActivityIndicator color={'white'} />
+                ) : (
+                  <RText style={{ color: 'white', fontWeight: '600' }}>
+                    Đăng nhập
+                  </RText>
+                )}
+              </LinearGradient>
             </TouchableOpacity>
-          </FlexRow>
-        </SafeAreaView>
-      </ImageBackground>
+          </View>
+          <KeyboardSpacer />
+        </ScrollView>
+
+        <FlexRow style={{ alignSelf: 'center' }}>
+          <RText>Bạn chưa có tài khoản ?</RText>
+          <TouchableOpacity
+            onPress={() => navigation.navigate(Screens.SignUp)}
+            style={{
+              marginLeft: 6,
+            }}
+          >
+            <RText
+              textStyle={{
+                color: Colors.ORANGE,
+              }}
+            >
+              Đăng ký
+            </RText>
+          </TouchableOpacity>
+        </FlexRow>
+      </SafeAreaView>
+      {/* </ImageBackground> */}
       {/* {loading ? <Loading /> : <View />} */}
       {/* <Modal isVisible={isShow}>
         <SafeAreaView style={{ flex: 1, backgroundColor: 'white' }}>