From 479f030b45abbeb739d0b978b1b55620d0f8731c Mon Sep 17 00:00:00 2001
From: SindreKjelsrud <sindre@kjelsrud.dev>
Date: Sat, 5 Jul 2025 17:59:41 +0200
Subject: [PATCH] feat: Add alert when deleting todo

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
---
 app/todo.tsx | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/app/todo.tsx b/app/todo.tsx
index 09e11b3..389194f 100644
--- a/app/todo.tsx
+++ b/app/todo.tsx
@@ -2,7 +2,7 @@ import AsyncStorage from "@react-native-async-storage/async-storage";
 import { useRouter } from "expo-router";
 import React, { useEffect, useState } from "react";
 import {
-  Alert,
+  Alert, // Make sure Alert is imported
   ImageBackground,
   KeyboardAvoidingView,
   Platform,
@@ -71,8 +71,29 @@ export default function CoordinateConverter() {
     };
 
     const removeTodo = (index: number) => {
-        const updatedTodos = todos.filter((_, i) => i !== index);
-        setTodos(updatedTodos);
+        const todoToRemove = todos[index];
+
+        Alert.alert(
+            "Delete Todo",
+            `Are you sure you want to delete "${todoToRemove}"?`,
+            [
+                {
+                    text: "Cancel",
+                    onPress: () => console.log("Delete Cancelled"),
+                    style: "cancel"
+                },
+                {
+                    text: "Delete",
+                    onPress: () => {
+                        const updatedTodos = todos.filter((_, i) => i !== index);
+                        setTodos(updatedTodos);
+                        console.log("Todo deleted:", todoToRemove);
+                    },
+                    style: "destructive"
+                }
+            ],
+            { cancelable: true }
+        );
     };
 
     return (