sosokker/chefhai
1
0
Fork 0
mirror of https://github.com/Sosokker/chefhai.git synced 2025-12-19 05:54:08 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

move auth-centext directory

Browse Source
This commit is contained in:
Sosokker 2025-05-09 01:04:44 +07:00
parent e5b6b50376
commit 6b3b6765ef
6 changed files with 128 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/(tabs)/_layout.tsx
View File

@ -1,6 +1,6 @@
import { useAuth } from "@/context/auth-context";
import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
import { Tabs, Redirect } from "expo-router";
import { useAuth } from ".././context/auth-context";
import { Redirect, Tabs } from "expo-router";
export default function TabLayout() {
const { isAuthenticated, isLoading } = useAuth();

32
app/_layout.tsx
View File

@ -1,27 +1,27 @@
import { AuthProvider } from "@/context/auth-context";
import { Stack } from "expo-router";
import { GestureHandlerRootView } from "react-native-gesture-handler";
import { AuthProvider } from "./context/auth-context";
import "../global.css";
export default function RootLayout() {
return (
<GestureHandlerRootView style={{ flex: 1 }}>
<AuthProvider>
<Stack screenOptions={{ headerShown: false }}>
<Stack.Screen
name="(tabs)"
options={{
headerShown: false,
}}
/>
<Stack.Screen
name="recipe-detail"
options={{
headerShown: false,
presentation: "card",
}}
/>
</Stack>
<Stack screenOptions={{ headerShown: false }}>
<Stack.Screen
name="(tabs)"
options={{
headerShown: false,
}}
/>
<Stack.Screen
name="recipe-detail"
options={{
headerShown: false,
presentation: "card",
}}
/>
</Stack>
</AuthProvider>
</GestureHandlerRootView>
);

17
app/index.tsx
View File

@ -1,7 +1,7 @@
import React from 'react';
import { View, ActivityIndicator } from 'react-native';
import { Redirect } from 'expo-router';
import { useAuth } from './context/auth-context';
import { useAuth } from "@/context/auth-context";
import { Redirect } from "expo-router";
import React from "react";
import { ActivityIndicator, View } from "react-native";
export default function Index() {
const { isAuthenticated, isLoading } = useAuth();
@ -9,7 +9,14 @@ export default function Index() {
// Show loading indicator while checking auth status
if (isLoading) {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center', backgroundColor: 'white' }}>
<View
style={{
flex: 1,
alignItems: "center",
justifyContent: "center",
backgroundColor: "white",
}}
>
<ActivityIndicator size="large" color="#ffd60a" />
</View>
);

42
app/login.tsx
View File

@ -1,12 +1,20 @@
import React, { useState } from 'react';
import { View, Text, TextInput, TouchableOpacity, SafeAreaView, StatusBar, Alert } from 'react-native';
import { router } from 'expo-router';
import { Feather } from '@expo/vector-icons';
import { useAuth } from './context/auth-context';
import { useAuth } from "@/context/auth-context";
import { Feather } from "@expo/vector-icons";
import { router } from "expo-router";
import React, { useState } from "react";
import {
Alert,
SafeAreaView,
StatusBar,
Text,
TextInput,
TouchableOpacity,
View,
} from "react-native";
export default function LoginScreen() {
const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
const [email, setEmail] = useState("");
const [password, setPassword] = useState("");
const [showPassword, setShowPassword] = useState(false);
const [isLoading, setIsLoading] = useState(false);
@ -14,7 +22,7 @@ export default function LoginScreen() {
const handleLogin = async () => {
if (!email || !password) {
Alert.alert('Error', 'Please fill in all fields');
Alert.alert("Error", "Please fill in all fields");
return;
}
@ -22,7 +30,7 @@ export default function LoginScreen() {
setIsLoading(true);
await login(email, password);
} catch (error) {
Alert.alert('Error', 'Failed to login. Please try again.');
Alert.alert("Error", "Failed to login. Please try again.");
} finally {
setIsLoading(false);
}
@ -73,13 +81,19 @@ export default function LoginScreen() {
className="pr-4"
onPress={() => setShowPassword(!showPassword)}
>
<Feather name={showPassword ? "eye-off" : "eye"} size={20} color="gray" />
<Feather
name={showPassword ? "eye-off" : "eye"}
size={20}
color="gray"
/>
</TouchableOpacity>
</View>
</View>
<TouchableOpacity>
<Text className="text-right text-[#bb0718] font-medium">Forgot Password?</Text>
<Text className="text-right text-[#bb0718] font-medium">
Forgot Password?
</Text>
</TouchableOpacity>
<TouchableOpacity
@ -88,15 +102,15 @@ export default function LoginScreen() {
disabled={isLoading}
>
<Text className="text-center font-bold text-lg">
{isLoading ? 'Logging in...' : 'Login'}
{isLoading ? "Logging in..." : "Login"}
</Text>
</TouchableOpacity>
</View>
{/* Sign Up Link */}
<View className="flex-row justify-center mt-8">
<Text className="text-gray-600">Don't have an account? </Text>
<TouchableOpacity onPress={() => router.push('/signup')}>
<Text className="text-gray-600">Don&apos;t have an account? </Text>
<TouchableOpacity onPress={() => router.push("/signup")}>
<Text className="text-[#bb0718] font-medium">Sign Up</Text>
</TouchableOpacity>
</View>

53
app/signup.tsx
View File

@ -1,14 +1,23 @@
import React, { useState } from 'react';
import { View, Text, TextInput, TouchableOpacity, SafeAreaView, StatusBar, Alert, ScrollView } from 'react-native';
import { router } from 'expo-router';
import { Feather } from '@expo/vector-icons';
import { useAuth } from './context/auth-context';
import { useAuth } from "@/context/auth-context";
import { Feather } from "@expo/vector-icons";
import { router } from "expo-router";
import React, { useState } from "react";
import {
Alert,
SafeAreaView,
ScrollView,
StatusBar,
Text,
TextInput,
TouchableOpacity,
View,
} from "react-native";
export default function SignupScreen() {
const [name, setName] = useState('');
const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
const [confirmPassword, setConfirmPassword] = useState('');
const [name, setName] = useState("");
const [email, setEmail] = useState("");
const [password, setPassword] = useState("");
const [confirmPassword, setConfirmPassword] = useState("");
const [showPassword, setShowPassword] = useState(false);
const [isLoading, setIsLoading] = useState(false);
@ -16,12 +25,12 @@ export default function SignupScreen() {
const handleSignup = async () => {
if (!name || !email || !password || !confirmPassword) {
Alert.alert('Error', 'Please fill in all fields');
Alert.alert("Error", "Please fill in all fields");
return;
}
if (password !== confirmPassword) {
Alert.alert('Error', 'Passwords do not match');
Alert.alert("Error", "Passwords do not match");
return;
}
@ -29,7 +38,7 @@ export default function SignupScreen() {
setIsLoading(true);
await signup(name, email, password);
} catch (error) {
Alert.alert('Error', 'Failed to sign up. Please try again.');
Alert.alert("Error", "Failed to sign up. Please try again.");
} finally {
setIsLoading(false);
}
@ -91,13 +100,19 @@ export default function SignupScreen() {
className="pr-4"
onPress={() => setShowPassword(!showPassword)}
>
<Feather name={showPassword ? "eye-off" : "eye"} size={20} color="gray" />
<Feather
name={showPassword ? "eye-off" : "eye"}
size={20}
color="gray"
/>
</TouchableOpacity>
</View>
</View>
<View>
<Text className="text-gray-700 mb-2 font-medium">Confirm Password</Text>
<Text className="text-gray-700 mb-2 font-medium">
Confirm Password
</Text>
<View className="flex-row items-center bg-gray-100 rounded-xl">
<TextInput
className="flex-1 py-4 px-4"
@ -111,7 +126,11 @@ export default function SignupScreen() {
className="pr-4"
onPress={() => setShowPassword(!showPassword)}
>
<Feather name={showPassword ? "eye-off" : "eye"} size={20} color="gray" />
<Feather
name={showPassword ? "eye-off" : "eye"}
size={20}
color="gray"
/>
</TouchableOpacity>
</View>
</View>
@ -122,7 +141,7 @@ export default function SignupScreen() {
disabled={isLoading}
>
<Text className="text-center font-bold text-lg">
{isLoading ? 'Signing up...' : 'Sign Up'}
{isLoading ? "Signing up..." : "Sign Up"}
</Text>
</TouchableOpacity>
</View>
@ -130,7 +149,7 @@ export default function SignupScreen() {
{/* Login Link */}
<View className="flex-row justify-center mt-8 mb-4">
<Text className="text-gray-600">Already have an account? </Text>
<TouchableOpacity onPress={() => router.push('/login')}>
<TouchableOpacity onPress={() => router.push("/login")}>
<Text className="text-[#bb0718] font-medium">Login</Text>
</TouchableOpacity>
</View>

0
app/context/auth-context.tsx → context/auth-context.tsx
View File