[Bugfix] Improve UX by showing output once event stops capturing

We should show the events that are captured even after we stop
capturing event for better UX.

Author: ycheng627

diagnostics-app/src/app/support-assist/events/events-card/events-card.component.html

@@ -38,11 +38,11 @@
         </div>
       </ng-template>
       <ng-template #showContent>
+        <div class="events-card-content-container" *ngFor="let event of eventList">
+          Get event:
+          <app-events-card-content [event]="event!"></app-events-card-content>
+        </div>
         <ng-container *ngIf="state === 'listening'">
-          <div class="events-card-content-container" *ngFor="let event of eventList">
-            Get event:
-            <app-events-card-content [event]="event!"></app-events-card-content>
-          </div>
           <div class="listening-text">listening {{ category }} event ...</div>
         </ng-container>
       </ng-template>

diagnostics-app/src/app/support-assist/events/events-card/events-card.component.ts

@@ -87,7 +87,6 @@ export class EventsCardComponent implements OnInit {
         return;
       }
       this.state = EventsCardState.LISTENING;
-      this.state = EventsCardState.LISTENING;
       this.eventList = [];
       this.error = undefined;
       this.eventsService.startCapturingEvents(this.category);