update graphql schema and queries

schema.graphql

@@ -5,6 +5,10 @@ schema {
     mutation: Mutations
 }
 
+type CloseTodo {
+    todo: TodoType
+}
+
 type CreateTodo {
     todo: TodoType
 }
@@ -14,15 +18,22 @@ type DeleteTodo {
 }
 
 type Mutations {
+    closeTodo(todoId: String!): CloseTodo
     createTodo(title: String = ""): CreateTodo
     deleteTodo(todoId: String!): DeleteTodo
     updateTodo(todo: TodoInputType): UpdateTodo
 }
 
+type TodoListResponseField {
+    errorMessage: String
+    isSuccess: Boolean
+    todos: [TodoType]
+}
+
 "Defines the query and how to interact with"
 type TodoQuery {
     getTodo(todoId: String!): TodoResponseField
-    listTodos: [TodoType]
+    listTodos: TodoListResponseField
 }
 
 type TodoResponseField {

src/containers/home/index.tsx

@@ -31,7 +31,7 @@ export const Home: FC = () => {
         !loading &&
         !!data && (
           <>
-            <TodoList todos={data.listTodos} />
+            <TodoList todos={data.listTodos.todos} />
             <form onSubmit={handleSubmit}>
               <input type="text" value={todoTitle} onChange={handleChange} />
               <Button

src/core/services/listTodo.ts

@@ -5,14 +5,20 @@ import Todo from '../models/todo';
 const LIST_TODOS = gql`
   query ListAll {
     listTodos {
-      todoId
-      title
-      isDone
+      ... on TodoListResponseField {
+        todos {
+          todoId
+          title
+          isDone
+        }
+      }
     }
   }
 `;
 
 export const useListTodos = () => {
-  const { loading, error, data } = useQuery<{ listTodos: Todo[] }>(LIST_TODOS);
+  const { loading, error, data } = useQuery<{ listTodos: { todos: Todo[] } }>(
+    LIST_TODOS
+  );
   return { loading, error, data };
 };