Commit ecb654c1 authored by Lorenzo Trujillo Rojas's avatar Lorenzo Trujillo Rojas
Browse files

Se agregó la posibilidad de cambiar dde lenguaje al formulario de login

parent 667caecf

mobile/src/auth/components/login_form.tsx

+15 −4
Original line number Diff line number Diff line 
import { Control, Controller, FieldValues } from "react-hook-form";

import { ScrollView, StyleSheet, Text, TouchableOpacity, View } from "react-native";

import { CustomTextInput } from "../../common/components/form/text_input";

import { LIGTHT_THEME } from "../../common/constants/theme";

import { LIGHT_THEME } from "../../common/constants/theme";

import { LoginFormValues } from "../hooks/useLoggin";

import { OrDivision } from "../../common/components/form/or_division";

import { LANG } from "../../lang/translations";

import { AntDesign } from '@expo/vector-icons';

import { Link } from "expo-router";

import { useTranslation } from "react-i18next";

import { LanguageIcon } from "../../lang/components/language_icon";



interface LoginFormProps {

    control: Control<LoginFormValues, any>;
@@ -12,8 +15,11 @@ interface LoginFormProps { 
}



export const LoginForm = ({ control, onSubmit }: LoginFormProps) => {

  const LANG = useTranslation();

  console.log("Lang"+LANG);

    return (

        <ScrollView contentContainerStyle={styles.loginScroll}>

          <LanguageIcon/>

          <Text style={styles.title}>{LANG.t('loginScreen.title')}</Text>

          <View style={{ height: 40 }} />

          <Controller
@@ -64,6 +70,11 @@ export const LoginForm = ({ control, onSubmit }: LoginFormProps) => { 
            )}

            rules={{ required: "Password is required" }}

          />

          <Link href={'/sign_up'} replace style={{width: '100%', textAlign: 'right'}}>

            <Text style={{textDecorationLine:'underline'}}>

              Recuperar contraseña

            </Text>

          </Link>

          <View style={{ height: "3%" }} />

          <TouchableOpacity onPress={onSubmit} style={styles.submitBtn}>

            <Text style={styles.submitBtnText}>{LANG.t('loginScreen.loginButton')}</Text>
@@ -78,7 +89,7 @@ const styles = StyleSheet.create({ 
    mainContainer: { 

      flex: 1, 

      backgroundColor: 

      LIGTHT_THEME.color.background 

      LIGHT_THEME.color.background 

    },

    imageContainer: {

      height: "40%",
@@ -92,7 +103,7 @@ const styles = StyleSheet.create({ 
      marginBottom: 20,

      elevation: 5,

      borderRadius: 10,

      backgroundColor: LIGTHT_THEME.color.white,

      backgroundColor: LIGHT_THEME.color.white,

      height: "70%",

    },

    loginScroll: {