first test

2026-06-03 20:12:58 +00:00 · 2026-02-08 14:14:55 +01:00
parent 18aa702174
commit d27cf14110
372 changed files with 98089 additions and 2585 deletions
@@ -0,0 +1,190 @@
+import React, { useState } from 'react';
+import {
+  View,
+  StyleSheet,
+  KeyboardAvoidingView,
+  Platform,
+  Alert,
+} from 'react-native';
+import {
+  TextInput,
+  Button,
+  Text,
+  Card,
+  Title,
+  Paragraph,
+} from 'react-native-paper';
+import { useAuth } from '../../services/AuthContext';
+
+const LoginScreen: React.FC = ({ navigation }: any) => {
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [showPassword, setShowPassword] = useState(false);
+  const { login, loginWithGitHub } = useAuth();
+
+  const handleLogin = async () => {
+    if (!email || !password) {
+      Alert.alert('Error', 'Please fill in all fields');
+      return;
+    }
+
+    setLoading(true);
+    try {
+      const success = await login(email, password);
+      if (!success) {
+        Alert.alert('Error', 'Invalid email or password');
+      }
+    } catch (error) {
+      Alert.alert('Error', 'Login failed. Please try again.');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleGitHubLogin = async () => {
+    setLoading(true);
+    try {
+      const success = await loginWithGitHub();
+      if (!success) {
+        Alert.alert('Error', 'GitHub login failed');
+      }
+    } catch (error) {
+      Alert.alert('Error', 'GitHub login failed. Please try again.');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <KeyboardAvoidingView
+      style={styles.container}
+      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+    >
+      <View style={styles.content}>
+        <Card style={styles.card}>
+          <Card.Content>
+            <Title style={styles.title}>Welcome to Trackeep</Title>
+            <Paragraph style={styles.subtitle}>
+              Your productivity and knowledge management companion
+            </Paragraph>
+
+            <TextInput
+              label="Email"
+              value={email}
+              onChangeText={setEmail}
+              mode="outlined"
+              keyboardType="email-address"
+              autoCapitalize="none"
+              style={styles.input}
+              disabled={loading}
+            />
+
+            <TextInput
+              label="Password"
+              value={password}
+              onChangeText={setPassword}
+              mode="outlined"
+              secureTextEntry={!showPassword}
+              right={
+                <TextInput.Icon
+                  icon={showPassword ? 'eye-off' : 'eye'}
+                  onPress={() => setShowPassword(!showPassword)}
+                />
+              }
+              style={styles.input}
+              disabled={loading}
+            />
+
+            <Button
+              mode="contained"
+              onPress={handleLogin}
+              loading={loading}
+              disabled={loading}
+              style={styles.button}
+            >
+              Sign In
+            </Button>
+
+            <View style={styles.divider}>
+              <Text style={styles.dividerText}>OR</Text>
+            </View>
+
+            <Button
+              mode="outlined"
+              onPress={handleGitHubLogin}
+              loading={loading}
+              disabled={loading}
+              style={styles.githubButton}
+              icon="github"
+            >
+              Continue with GitHub
+            </Button>
+
+            <Button
+              mode="text"
+              onPress={() => navigation.navigate('Register')}
+              style={styles.linkButton}
+            >
+              Don't have an account? Sign Up
+            </Button>
+          </Card.Content>
+        </Card>
+      </View>
+    </KeyboardAvoidingView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#f5f5f5',
+  },
+  content: {
+    flex: 1,
+    justifyContent: 'center',
+    padding: 20,
+  },
+  card: {
+    elevation: 4,
+    borderRadius: 12,
+  },
+  title: {
+    textAlign: 'center',
+    marginBottom: 8,
+    fontSize: 24,
+    fontWeight: 'bold',
+  },
+  subtitle: {
+    textAlign: 'center',
+    marginBottom: 24,
+    color: '#666',
+  },
+  input: {
+    marginBottom: 16,
+  },
+  button: {
+    marginBottom: 16,
+    paddingVertical: 8,
+  },
+  divider: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginVertical: 16,
+  },
+  dividerText: {
+    flex: 1,
+    textAlign: 'center',
+    color: '#666',
+    fontSize: 12,
+  },
+  githubButton: {
+    marginBottom: 16,
+    paddingVertical: 8,
+  },
+  linkButton: {
+    marginTop: 8,
+  },
+});
+
+export default LoginScreen;