Async

Author: thegecko

src/components/data/microbit-compass.tsx

@@ -19,7 +19,7 @@ export class MicrobitCompass {
 
         const service = this.services.magnetometerService;
         this.bearing = await service.getMagnetometerBearing();
-        service.addEventListener("magnetometerbearingchanged", event => this.bearing = event.detail);
+        await service.addEventListener("magnetometerbearingchanged", event => this.bearing = event.detail);
     }
 
     render() {

src/components/data/microbit-temperature.tsx

@@ -42,7 +42,7 @@ export class MicrobitTemperature {
         const temperature = await service.readTemperature();
         this.temperature = `${temperature}°c`;
         await service.setTemperaturePeriod(this.temperaturePeriod);
-        service.addEventListener("temperaturechanged", temp => this.temperature = `${temp.detail}°c`);
+        await service.addEventListener("temperaturechanged", temp => this.temperature = `${temp.detail}°c`);
     }
 
     render() {

src/components/led/microbit-matrix.tsx

@@ -65,10 +65,10 @@ export class MicrobitMatrix {
     private async toggle(row: number, column: number) {
         this.matrix[row][column] = !this.matrix[row][column];
         await this.services.ledService.setMatrixState(this.matrix);
-        await this.updateMatrix();
+        this.updateMatrix();
     }
 
-    private async updateMatrix() {
+    private updateMatrix() {
         this.matrix.forEach((rows: Boolean[], row) => {
             rows.forEach((value: boolean, column) => {
                 const led = this.elements[row][column];

src/components/led/microbit-text.tsx

@@ -63,8 +63,8 @@ export class MicrobitText {
         }
     }
 
-    private writeText() {
-        this.services.ledService.writeText(this.text);
+    private async writeText() {
+        await this.services.ledService.writeText(this.text);
     }
 }
 

src/components/state/microbit-state-button-a.tsx

@@ -36,7 +36,7 @@ export class MicrobitStateButtonA {
         const service = this.services.buttonService;
         const state = await service.readButtonAState();
         this.setClassName(state);
-        service.addEventListener("buttonastatechanged", event => this.setClassName(event.detail));
+        await service.addEventListener("buttonastatechanged", event => this.setClassName(event.detail));
     }
 
     render() {

src/components/state/microbit-state-button-b.tsx

@@ -36,7 +36,7 @@ export class MicrobitStateButtonB {
         const service = this.services.buttonService;
         const state = await service.readButtonBState();
         this.setClassName(state);
-        service.addEventListener("buttonbstatechanged", event => this.setClassName(event.detail));
+        await service.addEventListener("buttonbstatechanged", event => this.setClassName(event.detail));
     }
 
     render() {

src/components/state/microbit-state-movement.tsx

@@ -43,7 +43,7 @@ export class MicrobitStateMovement {
         await service.setAccelerometerPeriod(this.frequency as AccelerometerPeriod);
         const data = await service.readAccelerometerData();
         this.setClassName(data);
-        service.addEventListener("accelerometerdatachanged", event => this.setClassName(event.detail));
+        await service.addEventListener("accelerometerdatachanged", event => this.setClassName(event.detail));
     }
 
     render() {