diff options
| -rw-r--r-- | src/screens/Auth/LoginScreen.js | 90 |
1 files changed, 61 insertions, 29 deletions
diff --git a/src/screens/Auth/LoginScreen.js b/src/screens/Auth/LoginScreen.js index 6b11a5b..f7ef695 100644 --- a/src/screens/Auth/LoginScreen.js +++ b/src/screens/Auth/LoginScreen.js @@ -1,45 +1,77 @@ import React, { useState } from 'react'; -import { View, TextInput, Button, Text } from 'react-native'; -import { login, verifyOtp } from '../../services/authService'; +import { View, Text, TextInput, Button, StyleSheet, Alert } from 'react-native'; const LoginScreen = ({ navigation }) => { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); - const [otp, setOtp] = useState(''); - const [isOtpSent, setIsOtpSent] = useState(false); - - const handleLogin = async () => { - try { - const response = await login(email, password); - if (response.data.otpSent) setIsOtpSent(true); - } catch (error) { - console.error('Login error:', error); - } + + const handleLogin = () => { + // Handle login logic here + Alert.alert("Login", "Login button pressed"); + }; + + const handleRegister = () => { + // Navigate to the Signup screen + navigation.navigate('Signup'); }; - const verifyOtp = async () => { - try { - const response = await verifyOtp(email, otp); - if (response.data.success) navigation.navigate('MallSelection'); - } catch (error) { - console.error('OTP verification error:', error); - } + const handleForgotPassword = () => { + // Navigate to the forgot password screen + navigation.navigate('ForgotPassword'); }; return ( - <View> - <TextInput placeholder="Email" value={email} onChangeText={setEmail} /> - <TextInput placeholder="Password" value={password} onChangeText={setPassword} secureTextEntry /> + <View style={styles.container}> + <Text style={styles.title}>Login</Text> + <TextInput + style={styles.input} + placeholder="Email" + value={email} + onChangeText={setEmail} + keyboardType="email-address" + autoCapitalize="none" + /> + <TextInput + style={styles.input} + placeholder="Password" + value={password} + onChangeText={setPassword} + secureTextEntry + /> <Button title="Login" onPress={handleLogin} /> - - {isOtpSent && ( - <View> - <TextInput placeholder="Enter OTP" value={otp} onChangeText={setOtp} /> - <Button title="Verify OTP" onPress={verifyOtp} /> - </View> - )} + <View style={styles.buttonContainer}> + <Button title="Register" onPress={handleRegister} /> + <Button title="Forgot Password?" onPress={handleForgotPassword} /> + </View> </View> ); }; +const styles = StyleSheet.create({ + container: { + flex: 1, + justifyContent: 'center', + padding: 16, + }, + title: { + fontSize: 24, + fontWeight: 'bold', + marginBottom: 24, + textAlign: 'center', + }, + input: { + height: 40, + borderColor: '#ccc', + borderWidth: 1, + marginBottom: 12, + paddingHorizontal: 8, + }, + buttonContainer: { + marginTop: 12, + flexDirection: 'row', + justifyContent: 'space-between', + }, +}); + export default LoginScreen; + |