Remove the modal feature

eas.json

@@ -0,0 +1,18 @@
+{
+  "cli": {
+    "version": ">= 7.1.2"
+  },
+  "build": {
+    "development": {
+      "developmentClient": true,
+      "distribution": "internal"
+    },
+    "preview": {
+      "distribution": "internal"
+    },
+    "production": {}
+  },
+  "submit": {
+    "production": {}
+  }
+}

package.json

@@ -7,7 +7,6 @@
     "android": "expo run:android",
     "ios": "expo run:ios",
     "web": "expo start --web",
-    "tsc": "tsc",
     "test": "jest"
   },
   "dependencies": {
@@ -39,4 +38,4 @@
     }
   },
   "private": true
-}
+}

src/components/TaskLine.tsx

@@ -1,6 +1,6 @@
 import {
   View,
-  Text,
+  TextInput,
   StyleSheet,
   Pressable,
   useColorScheme,
@@ -9,7 +9,6 @@ import Ionicons from "@expo/vector-icons/Ionicons";
 import { atom, useAtomValue, useSetAtom } from "jotai";
 import { TodoListsAtom } from "@/state";
 import { useMemo } from "react";
-import { taskModalIsVisibleAtom, taskModalTaskKeyAtom } from "@/state/ui";
 
 interface TaskLineProps {
   todoListKey: string;
@@ -26,10 +25,6 @@ export default function TaskLine({ todoListKey, taskKey }: TaskLineProps) {
 
   const setTodoLists = useSetAtom(TodoListsAtom);
 
-  const setTaskModalIsVisible = useSetAtom(taskModalIsVisibleAtom);
-
-  const setTaskModalTaskKey = useSetAtom(taskModalTaskKeyAtom);
-
   const darkModeIsOn = useColorScheme() == "dark";
 
   const handleToggleTask = () => {
@@ -40,9 +35,13 @@ export default function TaskLine({ todoListKey, taskKey }: TaskLineProps) {
     });
   };
 
-  const handlePressOnTaskName = () => {
-    setTaskModalTaskKey(taskKey);
-    setTaskModalIsVisible(true);
+  const handleTaskNameUpdate = (newName: string) => {
+    setTodoLists({
+      type: "UpdateTaskName",
+      todoListKey: todoListKey,
+      taskKey: taskKey,
+      name: newName,
+    });
   };
 
   const handlePressOnDelete = () => {
@@ -70,18 +69,17 @@ export default function TaskLine({ todoListKey, taskKey }: TaskLineProps) {
           />
         )}
       </Pressable>
-      <Pressable onPress={handlePressOnTaskName} style={styles.taskPressable}>
-        <Text
-          style={[
-            styles.taskText,
-            darkModeIsOn && styles.taskTextDark,
-            isCompleted && styles.taskTextIsCompleted,
-            isCompleted && darkModeIsOn && styles.taskTextIsCompletedDark,
-          ]}
-        >
-          {name}
-        </Text>
-      </Pressable>
+      <TextInput
+        style={[
+          styles.taskText,
+          darkModeIsOn && styles.taskTextDark,
+          isCompleted && styles.taskTextIsCompleted,
+          isCompleted && darkModeIsOn && styles.taskTextIsCompletedDark,
+        ]}
+        onChangeText={handleTaskNameUpdate}
+      >
+        {name}
+      </TextInput>
       <Pressable onPress={handlePressOnDelete} style={styles.deleteButton}>
         <Ionicons
           name="close-outline"
@@ -114,14 +112,12 @@ const styles = StyleSheet.create({
     alignItems: "center",
     paddingHorizontal: 8,
   },
-  taskPressable: {
-    flex: 1,
-    padding: 16,
-    paddingLeft: 8,
-  },
   taskText: {
     fontSize: 16,
     color: "black",
+    flex: 1,
+    padding: 16,
+    paddingLeft: 8,
   },
   taskTextDark: {
     color: "white",

src/screens/HomeScreen/HomeScreen.tsx

@@ -14,7 +14,6 @@ import Ionicons from "@expo/vector-icons/Ionicons";
 import { TodoListsAtom } from "@/state";
 import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
 import { currentTodoListKeyAtom } from "@/state/ui";
-import TaskModal from "@/components/TaskModal";
 
 const currentTodoListNameAtom = atom((get) => {
   const todoLists = get(TodoListsAtom);
@@ -89,7 +88,6 @@ export default function HomeScreen() {
           />
         </View>
         <TodoList todoListKey={currentTodoListKey} />
-        <TaskModal />
       </DrawerLayoutAndroid>
     </SafeAreaView>
   );

src/state/ui.ts

@@ -21,7 +21,3 @@ export const currentTodoListKeyAtom = atom(
   },
   (get, set, update: string) => set(currentTodoListKeyPrimitiveAtom, update)
 );
-
-export const taskModalIsVisibleAtom = atom(false);
-
-export const taskModalTaskKeyAtom = atom("");