Create editTask api call

This creates the api function and the hook to use in the components

frontend/src/app/tasks/hooks/useTask.ts

@@ -7,6 +7,7 @@ import { deleteTask } from '@/infra/task/deleteTask'
 import { useClientFetch } from '@/infra/lib/useClientFetch'
 import { format } from 'date-fns'
 import { useGetCurrentUser } from '@/hooks/useGetCurrentUser/useGetCurrentUser'
+import { editTask } from '@/infra/task/editTask'
 
 export const useGetTasks = () => {
   const apiClient = useClientFetch()
@@ -61,3 +62,31 @@ export const useDeleteTask = () => {
 
   return { deleteTask: mutate }
 }
+
+export const useEditTask = ({ handleSuccess }: { handleSuccess: () => void }) => {
+  const apiClient = useClientFetch()
+  const { showError, showSuccess } = useAlert()
+  const { id: userId } = useGetCurrentUser()
+  const queryClient = useQueryClient()
+
+  const { mutate } = useMutation((task: Task) => editTask(task, apiClient), {
+    onSuccess: (data) => {
+      queryClient.setQueryData<Array<Task>>(['tasks', userId], (prevData) =>
+        prevData!.map((task) => {
+          if (task.id === data.id) {
+            return data
+          }
+
+          return task
+        })
+      )
+      showSuccess('Task succesfully edited')
+      handleSuccess()
+    },
+    onError: () => {
+      showError('Failed to edit task')
+    }
+  })
+
+  return { editTask: mutate }
+}

frontend/src/infra/task/editTask.ts

@@ -0,0 +1,28 @@
+import { Task } from '@/domain/Task'
+import { ApiClient } from '../lib/apiClient'
+
+export const editTask = async (task: Task, apiClient: ApiClient): Promise<Task> => {
+  return apiClient(`/v1/timelog/tasks/${task.id}`, {
+    method: 'PUT',
+    body: JSON.stringify({
+      user_id: task.userId,
+      project_id: task.projectId,
+      story: task.story,
+      description: task.description,
+      task_type: task.taskType,
+      start_time: task.startTime,
+      end_time: task.endTime,
+      date: task.date
+    })
+  })
+    .then((response) => {
+      if (!response.ok) {
+        throw Error(response.statusText)
+      }
+      return response
+    })
+    .then((response) => response.json() as Promise<Task>)
+    .catch((e) => {
+      throw new Error(e)
+    })
+}