1 file modified

Author: itsrennyman

src/Presentation/TodoList.tsx

@@ -1,5 +1,4 @@
 import { useFetchTodos } from "../Domain/UseCases/useFetchTodos";
-import { TodoDataSourceImpl } from "../Data/DataSources/TodoDataSource";
 import { TodoRepositoryImpl } from "../Data/Repositories/TodoRepositoryImpl";
 import { TodoLocalStorageDataSource } from "../Data/DataSources/Todo/TodoLocalStorageDataSource";
 
@@ -15,11 +14,17 @@ export function TodoList() {
       {isFetchTodosLoading ? (
         <div>Loading...</div>
       ) : (
-        <ul>
-          {todos?.map((todo) => (
-            <li key={todo.id}>{todo.title}</li>
-          ))}
-        </ul>
+        <>
+          {todos.length === 0 ? (
+            <div>No available Todos.</div>
+          ) : (
+            <ul>
+              {todos?.map((todo) => (
+                <li key={todo.id}>{todo.title}</li>
+              ))}
+            </ul>
+          )}
+        </>
       )}
     </fieldset>
   );