Added api wrapper, used to send request to update order of hooks

resources/assets/js/pages/ProjectActionPage/ProjectActionPage.tsx

@@ -310,7 +310,31 @@ class ProjectActionPage extends React.Component<any, any> {
       result.destination
     );
 
-    console.log(results);
+    let beforeItems = results.before.map((result, index) => ({
+        id: result.id,
+        position: 1,
+        order: index,
+      }))
+      .reduce((hooks, hook) => (hooks[hook.id] = hook, hooks), {});
+
+    let afterItems = results.after.map((result, index) => ({
+        id: result.id,
+        position: 2,
+        order: index,
+      }))
+      .reduce((hooks, hook) => (hooks[hook.id] = hook, hooks), {});
+
+    const { project_id, action_id } = this.props.match.params;
+    const projectActionHookService = new ProjectActionService;
+
+    projectActionHookService
+      .updateHookOrder(project_id, action_id, {
+        hooks: {...beforeItems,...afterItems},
+      })
+      .then(
+        (response) => {},
+        (error) => {}
+      );
 
     this.setState({ hooks: results });
   }

resources/assets/js/services/ProjectAction.ts

@@ -2,13 +2,17 @@ import '../bootstrap';
 import BaseApi from './Api/BaseApi';
 
 class ProjectAction extends BaseApi {
-  index(project_id) {
+  index(project_id: string) {
     return this.getRequest('/api/projects/' + project_id + '/actions');
   }
 
-  get(project_id, action_id) {
+  get(project_id: string, action_id: string) {
     return this.getRequest('/api/projects/' + project_id + '/actions/' + action_id);
   }
+
+  updateHookOrder(project_id: string, action_id: string, data: object) {
+    return this.putRequest('/api/projects/' + project_id + '/actions/' + action_id + '/hook-order', data);
+  }
 }
 
 export default ProjectAction;