fixed edit and delete buttons for daily view task

modal and fixed create task throwing an error because button was imported wrong
SCCapstone · Apr 22, 2024 · da5f885 · da5f885
1 parent f2df05d
commit da5f885
Show file tree

Hide file tree

Showing 3 changed files with 1,374 additions and 2,717 deletions.
diff --git a/components/AddTask.js b/components/AddTask.js
@@ -3,7 +3,7 @@ import { ScrollView, Alert, Pressable, Text, View, TextInput } from "react-nativ
 import Header from "./Header";
 import DateTimePicker from "./DateTimePicker";
 import TypeSelector from "./TypeSelector";
-import Button from "./CreateButton";
+import CreateButton from "./CreateButton";
 import { saveTaskForUser } from "../services/AuthAPI";
 import eventEmitter from "./EventEmitter";
 import { Picker } from "@react-native-picker/picker";

diff --git a/components/DailyView.js b/components/DailyView.js
@@ -65,57 +65,18 @@ const DailyView = ({ userID, selectedDate, navigation, isBirthday, userName }) =
       </Text>
       {isBirthday && (
         <Text style={styles.BirthdayCelebration}>
-          🎉 Your Birthday! 🎉
+          🎉 Happy Birthday! 🎉
         </Text>
-        <Text style={{ fontSize: 30, alignSelf: "center" }}>🎉 Happy Birthday! 🎉</Text>
       )}
       <BirthdayCelebration
         userName={userName}
         isBirthday={isBirthday}
       />
       <FlatList
         data={tasks}
-        keyExtractor={(item) => item.id}
+        keyExtractor={(item) => item.id.toString()}
         renderItem={({ item }) => (
           <View style={styles.taskItem}>
-            <TouchableOpacity onPress={() => onTaskSelect(item)}>
-              <Text style={styles.taskItemText}>{item.name}</Text>
-            </TouchableOpacity>
-            {/* {item.showOptions && (
-              <> */}
-            {/* <TouchableOpacity
-                  onPress={() => toggleCheckmark(item.id)}
-                  style={[styles.checkmarkButton, { marginLeft: "58%" }]}
-                >
-                  {item.isChecked ? (
-                    <Fontisto
-                      name="checkbox-active"
-                      size={30}
-                      color="#57BCBE"
-                    />
-                  ) : (
-                    <Fontisto
-                      name="checkbox-passive"
-                      size={30}
-                      color="#57BCBE"
-                    />
-                  )}
-                </TouchableOpacity> */}
-            <TouchableOpacity
-              style={styles.deleteButton}
-              onPress={() => onTaskDelete(item.id)}
-            >
-              <Text style={styles.deleteButtonText}>Delete</Text>
-            </TouchableOpacity>
-            {/* </>
-            )} */}
-            {/* <TouchableOpacity onPress={() => toggleDisplayOptions(item.id)} style={{}}>
-              <MaterialCommunityIcons
-                name="dots-vertical"
-                size={30}
-                color="#57BCBE"
-              /> 
-            </TouchableOpacity>*/}
             <Text style={styles.taskItemText}>{item.name}</Text>
             <View style={styles.taskActions}>
               <TouchableOpacity