fixed errors VC

visual_console_client/src/Item.ts

@@ -257,7 +257,7 @@ abstract class VisualConsoleItem<Props extends ItemProps> {
   // This function will only run the 2nd arg function after the time
   // of the first arg have passed after its last execution.
   private debouncedMovementSave = debounce(
-    100, // ms.
+    500, // ms.
     (x: Position["x"], y: Position["y"]) => {
       // Update the metadata information.
       // Don't use the .meta property cause we don't need DOM updates.
@@ -338,7 +338,7 @@ abstract class VisualConsoleItem<Props extends ItemProps> {
   // This function will only run the 2nd arg function after the time
   // of the first arg have passed after its last execution.
   private debouncedResizementSave = debounce(
-    100, // ms.
+    500, // ms.
     (width: Size["width"], height: Size["height"]) => {
       // Update the metadata information.
       // Don't use the .meta property cause we don't need DOM updates.

visual_console_client/src/items/Line.ts

@@ -96,7 +96,7 @@ export default class Line extends Item<LineProps> {
   // This function will only run the 2nd arg function after the time
   // of the first arg have passed after its last execution.
   private debouncedStartPositionMovementSave = debounce(
-    100, // ms.
+    500, // ms.
     (x: Position["x"], y: Position["y"]) => {
       this.isMoving = false;
       const startPosition = { x, y };
@@ -154,7 +154,7 @@ export default class Line extends Item<LineProps> {
   // This function will only run the 2nd arg function after the time
   // of the first arg have passed after its last execution.
   private debouncedEndPositionMovementSave = debounce(
-    100, // ms.
+    500, // ms.
     (x: Position["x"], y: Position["y"]) => {
       this.isMoving = false;
       const endPosition = { x, y };

visual_console_client/src/items/Service.ts

@@ -74,4 +74,16 @@ export default class Service extends Item<ServiceProps> {
 
     return element;
   }
+
+  /**
+   * To update the content element.
+   * @override Item.updateDomElement
+   */
+  protected updateDomElement(element: HTMLElement): void {
+    if (this.props.statusImageSrc !== null) {
+      const imgSrc = this.props.statusImageSrc || this.props.imageSrc;
+      element.style.backgroundImage = `url(${imgSrc})`;
+    } else if (this.props.encodedTitle !== null) {
+    }
+  }
 }