crud for tasks + auth

2026-04-20 01:05:29 +02:00
parent 0abfb47d6f
commit 473ba75e3e
13 changed files with 916 additions and 14 deletions
--- a/app/(tabs)/editTask.tsx
+++ b/app/(tabs)/editTask.tsx
@@ -0,0 +1,133 @@
+import { defaultStyles } from '@/constants/defaultStyles';
+import { supabase } from '@/lib/supabase';
+import { router, Stack, useFocusEffect, useLocalSearchParams } from 'expo-router';
+import { useCallback, useState } from 'react';
+import { ActivityIndicator, Alert, Button, Keyboard, KeyboardAvoidingView, Platform, Pressable, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
+
+export default function EditTask() {
+  const [title, SetTitle] = useState('');
+  const [description, SetDescription] = useState('');
+  const [isCompleted, SetIsCompleted] = useState(false);
+  const [deadline, SetDeadline] = useState('');
+  const [isSaving, SetIsSaving] = useState(false);
+  const { tId } = useLocalSearchParams();
+
+  useFocusEffect(
+    useCallback(() => {
+      const GetTask = async () => {
+        if (!tId) return;
+
+        const { data, error } = await supabase.from("tasks").select("*").eq("tId", tId).single();
+
+        if (error) {
+          Alert.alert("Task not found");
+          return;
+        }
+
+        if (data) {
+          SetTitle(data.title);
+          SetDescription(data.description);
+          SetIsCompleted(data.isCompleted);
+          SetDeadline(data.deadline);
+        }
+      }
+      GetTask();
+    }, [tId])
+  );
+
+  const EditTask = async () => {
+    if(title.trim() === '' || description.trim() === '' || deadline.trim() === '') {
+      Alert.alert("All fields are required!");
+      return;
+    }
+        
+    const { data, error: userError } = await supabase.auth.getUser();
+
+    if(userError || !data.user) {
+      router.replace("../createUser");
+      return;
+    } 
+
+    SetIsSaving(true);
+
+    const { error: dbError } = await supabase.from("tasks").update({
+      title,
+      description,
+      isCompleted,
+      lastChanged: new Date().toISOString(),
+      deadline,
+      uId: data.user.id,
+    }).eq("tId", tId);
+
+    if (dbError) {
+      Alert.alert("Task could not be edited, please try again");
+      return;
+    }
+
+    Alert.alert("Task successfully edited!");
+
+    SetTitle('');
+    SetDescription('');
+    SetIsCompleted(false);
+    SetDeadline('');
+
+    SetIsSaving(false);
+
+    router.back();
+  }
+
+  return (
+    <>
+      <Stack.Screen
+        options={{
+          title: "Edit Task",
+          headerTitleStyle: defaultStyles.title
+        }}
+      />
+
+      <View style={defaultStyles.container}>
+        <Text style={defaultStyles.title}>Edit Task</Text>
+        <KeyboardAvoidingView style={{ flex: 1 }} behavior={Platform.OS === "ios" ? "padding" : "height"}>
+          <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
+            <View style={defaultStyles.container}>
+              <TextInput
+                style={defaultStyles.inputText}
+                placeholder="Title"
+                value={title}
+                onChangeText={SetTitle}
+              />
+              <TextInput
+                style={defaultStyles.inputText}
+                placeholder="Text"
+                value={description}
+                onChangeText={SetDescription}
+              />
+              <TextInput
+                style={defaultStyles.inputText}
+                placeholder="Deadline (YYYY-MM-DD)"
+                value={deadline}
+                onChangeText={SetDeadline}
+              />
+              <Pressable
+                onPress={() => SetIsCompleted(state => !state)}
+                style={defaultStyles.checkboxContainer}
+              >
+                <View style={defaultStyles.checkbox}>
+                  {isCompleted && <Text style={defaultStyles.checkboxMark}>✓</Text>}
+                </View>
+                <Text style={defaultStyles.checkboxLabel}>{isCompleted ? 'Completed' : 'Not completed'}</Text>
+              </Pressable>
+
+              <Button title={isSaving ? "Saving..." : "Save"} onPress={EditTask} disabled={isSaving} />
+              {isSaving && (
+                <ActivityIndicator size="large" />
+              )}
+              <Button title="Cancel" onPress={() => router.back()} />
+            </View>
+          </TouchableWithoutFeedback>
+        </KeyboardAvoidingView>
+      </View>
+    </>
+  )
+}
+