[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","68d184f46d90819187b117313a65dc56","versionInt","title","Tareas App Simple","type","code/react","content","import { useState } from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Input } from \"@/components/ui/input\";\nimport { Button } from \"@/components/ui/button\";\nimport { Trash2 } from \"lucide-react\";\n\nexport default function TaskApp() {\n const [tasks, setTasks] = useState([]);\n const [newTask, setNewTask] = useState(\"\");\n\n const addTask = () => {\n const trimmedTask = newTask.trim();\n if (!trimmedTask) return;\n setTasks((prevTasks) => [...prevTasks, { text: trimmedTask, done: false }]);\n setNewTask(\"\");\n };\n\n const toggleTask = (index) => {\n setTasks((prevTasks) =>\n prevTasks.map((task, i) =>\n i === index ? { ...task, done: !task.done } : task\n )\n );\n };\n\n const deleteTask = (index) => {\n setTasks((prevTasks) => prevTasks.filter((_, i) => i !== index));\n };\n\n return (\n

Gestor de Tareas

\n setNewTask(e.target.value)}\n />\n \n

\n {tasks.map((task, index) => (\n \n \n toggleTask(index)}\n />\n {task.text}\n \n \n \n ))}\n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","7515568497775514055","traceTime",1778068042208]