1. import React from 'react';
2. import { useDispatch, useSelector } from 'react-redux';
3. import { Image } from 'react-native';
4.  
5. import translate from '../../locales';
6. import SignInForm from '../../forms/SignInForm';
7.  
8. import Background from '../../components/Background';
9. import { signInRequest } from '../../store/modules/auth/actions';
10.  
11. import logo from '../../assets/logo.png';
12.  
13. import { Container, FormContainer, SignLink, SignLinkText } from './styles';
14.  
15. export default function SignIn({ navigation }) {
16.   const dispatch = useDispatch();
17.  
18.   const loading = useSelector(state => state.auth.loading);
19.  
20.   function handleFormSubmit({ email, password }) {
21.     dispatch(signInRequest(email, password));
22.   }
23.  
24.   return (
25.     <Background>
26.       <Container>
27.         <Image source={logo} />
28.         <FormContainer>
29.           <SignInForm handleFormSubmit={handleFormSubmit} loading={loading} />
30.         </FormContainer>
31.         <SignLink onPress={() => navigation.navigate('SignUp')}>
32.           <SignLinkText>Criar conta</SignLinkText>
33.         </SignLink>
34.       </Container>
35.     </Background>
36.   );
37. }
38.