Merge pull request #134 from os2display/feature/2484-touch-regions

Fixed remote component loading issue for touch regions

CHANGELOG.md

@@ -4,6 +4,8 @@ All notable changes to this project will be documented in this file.
 
 ## Unreleased
 
+- [#134](https://github.com/os2display/display-client/pull/134)
+  - Fixed remote loader for touch regions.
 - [#133](https://github.com/os2display/display-client/pull/133)
   - Added error message ER201 on screen when remote component could not load.
   - Added error timestamp to remote component loader, to force reload on error.

src/components/touch-region.jsx

@@ -49,6 +49,20 @@ function TouchRegion({ region }) {
     document.dispatchEvent(slideDoneEvent);
   };
 
+  /**
+   * The slide has encountered an error.
+   *
+   * @param {object} slideWithError - The slide
+   */
+  const slideError = (slideWithError) => {
+    // Set error timestamp to force reload.
+    const slide = slides.find(
+      (slideElement) => slideElement.executionId === slideWithError.executionId
+    );
+    slide.errorTimestamp = new Date().getTime();
+    slideDone(slideWithError);
+  };
+
   /**
    * Handle region content event.
    *
@@ -125,6 +139,8 @@ function TouchRegion({ region }) {
                   id={currentSlide.executionId}
                   run={runId}
                   slideDone={slideDone}
+                  slideError={slideError}
+                  errorTimestamp={currentSlide.errorTimestamp}
                   key={currentSlide.executionId}
                   forwardRef={nodeRefs[currentSlide.executionId]}
                 />