fix: add delay after create/update operations

Author: maxceem

src/constants/index.js

@@ -27,6 +27,11 @@ export const POSITION_CANDIDATES_PER_PAGE = 5;
  */
 export const INPUT_DEBOUNCE_DELAY = 200;
 
+/**
+ * The delay in milliseconds we are giving to ElasticSearch of re-index changes
+ */
+export const ES_REINDEX_DELAY = 3000;
+
 /**
  * Position statuses
  */

src/services/jobs.js

@@ -3,6 +3,8 @@
  */
 import { axiosInstance as axios } from "./requestInterceptor";
 import config from "../../config";
+import { ES_REINDEX_DELAY } from "../constants";
+import { delay } from "utils/helpers";
 
 /**
  * Get job by id.
@@ -40,7 +42,14 @@ export const getEmptyJob = (teamId) => {
  * @returns {Promise<{}>} job object
  */
 export const createJob = (data) => {
-  return axios.post(`${config.API.V5}/jobs`, data);
+  return (
+    axios
+      .post(`${config.API.V5}/jobs`, data)
+      // temporary fix:
+      // after creating a job we are reloading the list of jobs
+      // so we have to wait a bit to make sure job is indexed in the ES
+      .then((response) => delay(ES_REINDEX_DELAY).then(() => response))
+  );
 };
 
 /**
@@ -51,5 +60,12 @@ export const createJob = (data) => {
  * @returns {Promise<{}>} job object
  */
 export const updateJob = (data, jobId) => {
-  return axios.put(`${config.API.V5}/jobs/${jobId}`, data);
+  return (
+    axios
+      .put(`${config.API.V5}/jobs/${jobId}`, data)
+      // temporary fix:
+      // after updating a job we are reloading the list of jobs
+      // so we have to wait a bit to make sure job is indexed in the ES
+      .then((response) => delay(ES_REINDEX_DELAY).then(() => response))
+  );
 };

src/services/resourceBookings.js

@@ -3,6 +3,8 @@
  */
 import { axiosInstance as axios } from "./requestInterceptor";
 import config from "../../config";
+import { delay } from "utils/helpers";
+import { ES_REINDEX_DELAY } from "constants";
 
 /**
  * Get resource booking by id.
@@ -21,8 +23,11 @@ export const getReourceBookingById = (resourceBookingId) => {
  * @returns {Promise<{}>} resource booking object
  */
 export const updateReourceBooking = (data, resourceBookingId) => {
-  return axios.put(
-    `${config.API.V5}/resourceBookings/${resourceBookingId}`,
-    data
+  return (
+    axios
+      .put(`${config.API.V5}/resourceBookings/${resourceBookingId}`, data) // temporary fix:
+      // after updating a resource booking we are reloading the list of resource bookings
+      // so we have to wait a bit to make sure job is indexed in the ES
+      .then((response) => delay(ES_REINDEX_DELAY).then(() => response))
   );
 };

src/utils/helpers.js

@@ -0,0 +1,18 @@
+/**
+ * Helper utilities
+ *
+ * This file should contain helper methods which cannot be grouped into a separate file like we did for "format.js".
+ * If there are multiple methods which could be grouped into a separate file by their meaning they should be extracted from here to not make this file too big.
+ */
+
+/**
+ * Delay code for some milliseconds using promise.
+ *
+ * @param {Number} duration duration in milliseconds
+ *
+ * @returns {Promise<void>} promise
+ */
+export const delay = (duration) =>
+  new Promise((resolve) => {
+    setTimeout(resolve, duration);
+  });