add duration

resources/js/components/toDos/ToDoFinish.tsx

@@ -43,8 +43,13 @@ const ToDoFinish: FC<ToDoFinishProps>  = ({reload}) => {
         </button>
 
         {errorLabel()}
-        {showTodos && <ul className="list-disc ml-5">
-        {toDos.map(toDo => <li key={toDo.id}>{toDo.checked ? (new Date(toDo.checked)).toSmallFrDate() : ''} {toDo.name}</li>)}
+        {showTodos && <ul className="list-disc m-2">
+        {toDos.map(toDo => <li key={toDo.id} className="flex gap-2">
+            <span>{toDo.checked ? (new Date(toDo.checked)).toSmallFrDate() : ''}</span>
+            <span className="flex-1">{toDo.name}</span>
+            <span>{toDo.duration.durationify()}</span>
+
+        </li>)}
         </ul>}
     </div>
 }