Can now update title

src/client/src/components/todos/todoCheckmark.tsx

@@ -13,7 +13,7 @@ export const TodoCheckmark: FC<TodoCheckmarkProps> = (props) => (
     }
     className={`todo-checkmark h-5 w-5 rounded-full border dark:border-gray-500  ${
       props.todo.status === StatusState.done
-        ? "dark:bg-gray-700"
+        ? "dark:bg-gray-500"
         : "hover:dark:bg-gray-600"
     }`}
   />

src/client/src/components/todos/todoItem.tsx

@@ -2,6 +2,7 @@ import { Todo } from "@src/core/entities/todo";
 import { FC, useState } from "react";
 import { TodoCheckmark } from "@src/components/todos/todoCheckmark";
 import Tippy from "@tippyjs/react";
+import Link from "next/link";
 
 interface TodoItemProps {
   todo: Todo;
@@ -23,9 +24,11 @@ export const TodoItem: FC<TodoItemProps> = (props) => {
       <div className="flex items-center space-x-4">
         <TodoCheckmark {...props} />
         <div className="flex flex-col md:flex-row flex-grow gap-0.5 md:gap-2 pr-6">
-          <div className="flex-grow w-full break-all text-sm">
-            {props.todo.title}
-          </div>
+          <Link href={`/todos/${props.todo.id}`} passHref>
+            <a className="flex-grow w-full break-all text-sm">
+              {props.todo.title}
+            </a>
+          </Link>
           <div>
             {props.displayProject && props.todo.project && (
               <div className="text-gray-500 text-xs text-right whitespace-nowrap place-self-end">
@@ -51,7 +54,9 @@ export const TodoItem: FC<TodoItemProps> = (props) => {
             tabIndex={0}
           >
             <button className="hover:bg-accent-500">Delete</button>
-            <button>Edit</button>
+            <Link href={`/todos/${props.todo.id}`} passHref>
+              <a>Edit</a>
+            </Link>
           </div>
         }
       >