Fix task deletion and update task state

Author: codad5

src/components/ui/TaskItem.tsx

@@ -14,6 +14,7 @@ export default function TaskItem({ task }: { task: task }) {
     const setActiveCategoryTasks = useSetRecoilState(activeCategoryTasksState)
     const setToastMessage = useSetRecoilState(messageState)
     const [deleteIsClicked, setDeleteIsClicked] = useState(false)
+    
 
 
     const handleTaskCheck = (task: task) => {
@@ -34,16 +35,27 @@ export default function TaskItem({ task }: { task: task }) {
     const handleTaskDelete = (task: task) => {
         setDeleteIsClicked(true)
         Taskobject.deleteTask(task, taskCategoryList[activeTaskCategory].id).then((d) => {
-            if(!d) return  console.log('task deleted')
+            if(d == null) throw new Error("Task not deleted")
             Taskobject.getTasksByCategoryPosition(activeTaskCategory).then(() => {
                 setActiveCategoryTasks(active => {
                     return active.filter((t) => {
                         if (t.id != task.id) return t
                     })
                 })
             })
-        }).finally(() => {
+        }).then(() => {
             Taskobject.clearPositionCache(activeTaskCategory)
+            setToastMessage({
+                title: "Task Deleted",
+                type : "warning",
+            })
+        }).catch((err) => {
+            setToastMessage({
+                title: "Error",
+                body:(err as Error).message,
+                type : "warning",
+            })
+        }).finally(() => {
             setDeleteIsClicked(false)
         })
     }

src/components/ui/TaskList.tsx

@@ -1,11 +1,11 @@
 import { useRecoilValue } from "recoil"
-import { activeCategoryTasksSelector } from "../../config/states"
+import { activeCategoryTasksSelector, activeCategoryTasksState } from "../../config/states"
 import { task } from "../../types/taskapi"
 import TaskItem from "./TaskItem"
 import { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Box, Center } from "@chakra-ui/react"
 
 export default function TaskList() {
-    const activeCategoryTasks = useRecoilValue<task[]>(activeCategoryTasksSelector)
+    const activeCategoryTasks = useRecoilValue<task[]>(activeCategoryTasksState)
 
     const unCompletedTasks = activeCategoryTasks.filter(task => !task.completed)
     const CompletedTasks = activeCategoryTasks.filter(task => task.completed)