diff options
Diffstat (limited to 'components/Login.jsx')
| -rw-r--r-- | components/Login.jsx | 19 |
1 files changed, 10 insertions, 9 deletions
diff --git a/components/Login.jsx b/components/Login.jsx index 4c6ffb0..8b42913 100644 --- a/components/Login.jsx +++ b/components/Login.jsx @@ -1,9 +1,10 @@ -import { StyleSheet, Text, TextInput, Pressable, View } from 'react-native'; -import { useState } from 'react'; +import { StyleSheet, Text, TextInput, Pressable, View } from 'react-native' +import { useState } from 'react' +import { handleLogin } from '../helpers' -const Login = ({ login }) => { +const Login = ({ setSession, showError }) => { const [email, setEmail] = useState(''); - const [pass, setPass] = useState(''); + const [password, setPassword] = useState(''); const disabled = (e, p) => !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e) || p.length < 6; return ( @@ -31,13 +32,13 @@ const Login = ({ login }) => { autoComplete="password-new" secureTextEntry={true} textContentType="newPassword" - value={pass} - onChange={e => setPass(e.nativeEvent.text)} + value={password} + onChange={e => setPassword(e.nativeEvent.text)} /> <Pressable - onPress={() => login(email, pass)} - style={{...styles.button, opacity: disabled(email, pass) ? .3 : 1}} - disabled={disabled(email, pass)} + onPress={() => handleLogin({ email, password, setSession, showError })} + style={{...styles.button, opacity: disabled(email, password) ? .3 : 1}} + disabled={disabled(email, password)} > <Text style={styles.buttonText}>Login</Text> </Pressable> |