Little bug on last index.

Because the Front End wasn't tracking the deleted items, the indexes
between the database and the front end were not matching.

1 files changed, 15 insertions, 2 deletions

diff --git a/src/App.jsx b/src/App.jsx
index 6f1b14f..b39d5d9 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -4,9 +4,13 @@ import { NewToDo } from "./ToDo-UI/NewToDo";
 import { ListToDos } from "./ToDo-UI/ListToDo";
 
 import { useDispatch } from "react-redux";
-import { set_todo, refresh_filtered_todos } from "./features/todo/reducer";
+import {
+    set_last_id,
+    set_todo,
+    refresh_filtered_todos,
+} from "./features/todo/reducer";
 
-import { get_todos_function } from "./api/axios_methods";
+import { get_todos_function, get_last_id_function } from "./api/axios_methods";
 
 function App() {
     const get_todos = get_todos_function();
@@ -37,6 +41,15 @@ function App() {
     }
     get_todos(handler);
 
+    const last_id_api = get_last_id_function();
+    last_id_api((response) => {
+        dispatch(
+            set_last_id({
+                id: response,
+            })
+        );
+    });
+
     return (
         <div>
             <Search />