update for new axios version

Author: tienbku

package-lock.json

@@ -11,7 +11,7 @@
     "@types/react": "^17.0.13",
     "@types/react-dom": "^17.0.8",
     "@types/react-router-dom": "^5.1.7",
-    "axios": "^0.21.1",
+    "axios": "^0.24.0",
     "bootstrap": "^4.6.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

package.json

@@ -24,7 +24,7 @@ const AddTutorial: React.FC = () => {
     };
 
     TutorialDataService.create(data)
-      .then(response => {
+      .then((response: any) => {
         setTutorial({
           id: response.data.id,
           title: response.data.title,
@@ -34,7 +34,7 @@ const AddTutorial: React.FC = () => {
         setSubmitted(true);
         console.log(response.data);
       })
-      .catch(e => {
+      .catch((e: Error) => {
         console.log(e);
       });
   };

src/components/AddTutorial.tsx

@@ -22,11 +22,11 @@ const Tutorial: React.FC<Props> = (props: Props) => {
 
   const getTutorial = (id: string) => {
     TutorialDataService.get(id)
-      .then(response => {
+      .then((response: any) => {
         setCurrentTutorial(response.data);
         console.log(response.data);
       })
-      .catch(e => {
+      .catch((e: Error) => {
         console.log(e);
       });
   };
@@ -49,34 +49,34 @@ const Tutorial: React.FC<Props> = (props: Props) => {
     };
 
     TutorialDataService.update(currentTutorial.id, data)
-      .then(response => {
+      .then((response: any) => {
         console.log(response.data);
         setCurrentTutorial({ ...currentTutorial, published: status });
         setMessage("The status was updated successfully!");
       })
-      .catch(e => {
+      .catch((e: Error) => {
         console.log(e);
       });
   };
 
   const updateTutorial = () => {
     TutorialDataService.update(currentTutorial.id, currentTutorial)
-      .then(response => {
+      .then((response: any) => {
         console.log(response.data);
         setMessage("The tutorial was updated successfully!");
       })
-      .catch(e => {
+      .catch((e: Error) => {
         console.log(e);
       });
   };
 
   const deleteTutorial = () => {
     TutorialDataService.remove(currentTutorial.id)
-      .then(response => {
+      .then((response: any) => {
         console.log(response.data);
         props.history.push("/tutorials");
       })
-      .catch(e => {
+      .catch((e: Error) => {
         console.log(e);
       });
   };

src/components/Tutorial.tsx

@@ -20,11 +20,11 @@ const TutorialsList: React.FC = () => {
 
   const retrieveTutorials = () => {
     TutorialDataService.getAll()
-      .then(response => {
+      .then((response: any) => {
         setTutorials(response.data);
         console.log(response.data);
       })
-      .catch(e => {
+      .catch((e: Error) => {
         console.log(e);
       });
   };
@@ -42,24 +42,24 @@ const TutorialsList: React.FC = () => {
 
   const removeAllTutorials = () => {
     TutorialDataService.removeAll()
-      .then(response => {
+      .then((response: any) => {
         console.log(response.data);
         refreshList();
       })
-      .catch(e => {
+      .catch((e: Error) => {
         console.log(e);
       });
   };
 
   const findByTitle = () => {
     TutorialDataService.findByTitle(searchTitle)
-      .then(response => {
+      .then((response: any) => {
         setTutorials(response.data);
         setCurrentTutorial(null);
         setCurrentIndex(-1);
         console.log(response.data);
       })
-      .catch(e => {
+      .catch((e: Error) => {
         console.log(e);
       });
   };

src/components/TutorialsList.tsx

@@ -2,31 +2,31 @@ import http from "../http-common";
 import ITutorialData from "../types/Tutorial";
 
 const getAll = () => {
-  return http.get("/tutorials");
+  return http.get<Array<ITutorialData>>("/tutorials");
 };
 
 const get = (id: any) => {
-  return http.get(`/tutorials/${id}`);
+  return http.get<ITutorialData>(`/tutorials/${id}`);
 };
 
 const create = (data: ITutorialData) => {
-  return http.post("/tutorials", data);
+  return http.post<ITutorialData>("/tutorials", data);
 };
 
 const update = (id: any, data: ITutorialData) => {
-  return http.put(`/tutorials/${id}`, data);
+  return http.put<any>(`/tutorials/${id}`, data);
 };
 
 const remove = (id: any) => {
-  return http.delete(`/tutorials/${id}`);
+  return http.delete<any>(`/tutorials/${id}`);
 };
 
 const removeAll = () => {
-  return http.delete(`/tutorials`);
+  return http.delete<any>(`/tutorials`);
 };
 
 const findByTitle = (title: string) => {
-  return http.get(`/tutorials?title=${title}`);
+  return http.get<Array<ITutorialData>>(`/tutorials?title=${title}`);
 };
 
 const TutorialService = {