Setting a timeout aswell as resetting the preparationDevice

src/classes/preparationDevice/sanremo/sanremoYOUDevice.ts

@@ -12,7 +12,10 @@ export class SanremoYOUDevice extends PreparationDevice {
 
   private connectionURL: string = '';
   private statusPhase: number = 0;
-  constructor(protected httpClient: HttpClient, _preparation: Preparation) {
+  constructor(
+    protected httpClient: HttpClient,
+    _preparation: Preparation,
+  ) {
     super(httpClient, _preparation);
 
     this.connectionURL = this.getPreparation().connectedPreparationDevice.url;
@@ -26,6 +29,7 @@ export class SanremoYOUDevice extends PreparationDevice {
     try {
       const options = {
         url: this.connectionURL + '/api/runtime',
+        connectTimeout: 5000,
       };
       const response: HttpResponse = await CapacitorHttp.get(options);
       const responseJSON = await response.data;
@@ -42,7 +46,7 @@ export class SanremoYOUDevice extends PreparationDevice {
 
   private getApiEndpointForMode(
     mode: SanremoYOUMode,
-    action: 'start' | 'stop'
+    action: 'start' | 'stop',
   ): string {
     switch (mode) {
       case SanremoYOUMode.MANUAL_CONTROLLING:

src/classes/preparationDevice/xenia/xeniaDevice.ts

@@ -11,7 +11,10 @@ export class XeniaDevice extends PreparationDevice {
   public scriptList: Array<{ INDEX: number; TITLE: string }> = [];
 
   private apiVersion: number = 2;
-  constructor(protected httpClient: HttpClient, _preparation: Preparation) {
+  constructor(
+    protected httpClient: HttpClient,
+    _preparation: Preparation,
+  ) {
     super(httpClient, _preparation);
 
     const connectedPreparationDevice =
@@ -39,7 +42,7 @@ export class XeniaDevice extends PreparationDevice {
       }
 
       const errorMessage = `Unexpected JSON response: ${JSON.stringify(
-        responseJSON
+        responseJSON,
       )}`;
       this.logError(errorMessage);
       throw new Error(errorMessage);
@@ -148,6 +151,7 @@ export class XeniaDevice extends PreparationDevice {
     try {
       const options = {
         url: url,
+        connectTimeout: 5000,
       };
       const response: HttpResponse = await CapacitorHttp.get(options);
       const responseJSON = await response.data;

src/components/brews/brew-brewing-preparation-device/brew-brewing-preparation-device.component.ts

@@ -147,6 +147,8 @@ export class BrewBrewingPreparationDeviceComponent implements OnInit {
   }
 
   public async instancePreparationDevice(_brew: Brew = null) {
+    /** If a user changes the preparation device, we need to unset the preparation device here firstly **/
+    this.preparationDevice = undefined;
     this.preparation = this.data.getPreparation();
     const connectedDevice: PreparationDevice =
       this.uiPreparationHelper.getConnectedDevice(this.preparation);

src/components/brews/brew-brewing/brew-brewing.component.ts

@@ -341,7 +341,14 @@ export class BrewBrewingComponent implements OnInit, AfterViewInit {
       this.data.method_of_preparation_tools = [];
 
       if (this.brewBrewingPreparationDeviceEl) {
-        this.brewBrewingPreparationDeviceEl.instancePreparationDevice();
+        this.brewBrewingPreparationDeviceEl.instancePreparationDevice().then(
+          () => {
+            this.checkChanges();
+          },
+          () => {
+            this.checkChanges();
+          },
+        );
       }
 
       if (this.timer?.isTimerRunning() === false) {