Add api request minimum delay to show loading indicator

Author: Robert S

src/utilities/HttpUtility.js

@@ -74,7 +74,8 @@ export default class HttpUtility {
           ...oc(config).headers(undefined),
         },
       };
-      const axiosResponse = await axios(axiosRequestConfig);
+
+      const [axiosResponse] = await Promise.all([axios(axiosRequestConfig), HttpUtility._delay()]);
 
       const { status, data, request } = axiosResponse;
 
@@ -154,4 +155,17 @@ export default class HttpUtility {
 
     return model;
   }
+
+  /**
+   * We want to show the loading indicator to the user but sometimes the api
+   * request finished too quickly. This makes sure there the loading indicator is
+   * visual for at least a given time.
+   *
+   * @param duration
+   * @returns {Promise<unknown>}
+   * @private
+   */
+  static _delay(duration = 250) {
+    return new Promise((resolve) => setTimeout(resolve, 250));
+  }
 }