fixed redirect issue

Author: akmamun

README.md

@@ -1,12 +1,13 @@
-## React API Integration with example of Fetch Axios
+## React API Integration with Example using Axios 
+### Integrate API from [flask-pymongo-validator](https://github.com/mrxmamun/flask-pymongo-validator.git)
 #### List of Todo API Routes
 | Request | Endpoint |  Details | Example Source |
 | --- | --- | --- | --- |
-| `GET` | `http://127.0.0.1:5000/todos`| Get All| [Todo List](src/components/todo/TodoList.js) |
-| `GET` | `http://127.0.0.1:5000/todos/todo_id`| Get Single Id| [Todo](src/components/todo/Todo.js)|
-| `POST` | `http://127.0.0.1:5000/todos`| Insert One| [Add Todo](src/components/todo/AddTodo.js)|
-| `PUT` | `http://127.0.0.1:5000/todos/todo_id`| Update One| [Update Todo](src/components/todo/Edit.js) |
-| `DELETE` | `http://127.0.0.1:5000/todos/todo_id`| Delete One| [Delete Todo](src/components/todo/Todo.js)|
+| `GET` | `http://127.0.0.1:5000/api/v1/todos`| Get All| [Todo List](src/components/todo/TodoList.js) |
+| `GET` | `http://127.0.0.1:5000/api/v1/todos/todo_id`| Get Single Id| [Todo](src/components/todo/Todo.js)|
+| `POST` | `http://127.0.0.1:5000/api/v1/todos`| Insert One| [Add Todo](src/components/todo/AddTodo.js)|
+| `PUT` | `http://127.0.0.1:5000/api/v1/todos/todo_id`| Update One| [Update Todo](src/components/todo/Edit.js) |
+| `DELETE` | `http://127.0.0.1:5000/api/v1/todos/todo_id`| Delete One| [Delete Todo](src/components/todo/Todo.js)|
 
 ### In [Api](src/api.js) File Define all routes
 ```js

src/App.js

@@ -6,23 +6,22 @@ import { faEdit, faTrash } from '@fortawesome/free-solid-svg-icons'
 import Navbar from './components/Navbar';
 import TodoList from "./components/todo/TodoList";
 import Todo from './components/todo/Todo';
+import AddTodo from './components/todo/AddTodo';
 import TodoEdit from './components/todo/Edit';
 
 library.add(faEdit, faTrash)
 
-
 class App extends Component {
   render() {
     return (
       <React.Fragment>
         <Navbar />
         <Switch>
           <Route path="/" component={TodoList} exact />
+          <Route path="/todo/add" component={AddTodo} exact />
           <Route path="/todo/:id" component={Todo} exact />
           <Route path="/todo/edit/:id" component={TodoEdit} exact />
-          {/* <Route path="/add/todo" component={AddTodo} exact /> */}
-          {/* 
-          <Route path="/form" component={MyForm} exact /> */}
+
         </Switch>
       </React.Fragment>
     );

src/components/todo/AddTodo.js

@@ -23,7 +23,7 @@ class AddTodo extends Component {
     const {title, body} = this.state;
     // define state variable for use in return
     //and store in state value
-    api.todos().create({ title: title, body: body})
+     api.todos().create({ title: title, body: body})
       .then(response => response.data)
       .then(this.setState({   //clear inputs after submit
         title: "",

src/components/todo/Edit.js

@@ -18,7 +18,6 @@ class Todo extends Component {
                 title: response.data.title,
                 body: response.data.body
             }));
-
     }
     onChance = (e) => {
         this.setState({ [e.target.name]: e.target.value });
@@ -30,6 +29,8 @@ class Todo extends Component {
         const { title, body } = this.state;   // define state variable for use in return and store in state value
         api.todos().update(todoId, { title: title, body: body })
         .then(response => response.data);
+        
+        this.props.history.push('/');
     }
 
 

src/components/todo/Todo.js

@@ -17,10 +17,10 @@ class Todo extends Component {
     api.todos().getOne(todoId)
       .then(response => this.setState({ todo: response.data }));
   }
-  
   onDelete = () => {
     const todoId = this.props.match.params;
     api.todos().delete(todoId);
+    this.props.history.push('/');
   }
 
   render() {