remove bucky popin on audit close

src/app/dars/dars-view/dars-view.component.html

@@ -6,15 +6,16 @@
                 Return to audit list
             </button>
 
-            <div *ngIf="(visibleAuditStatus$ | async) == 'Loaded'; then loadedAudit else loadingAudit"></div>
-            <ng-template #loadedAudit>
-                <cse-dars-audit [audit]="audit$ | async"></cse-dars-audit>
-            </ng-template>
-            <ng-template #loadingAudit>
-                <img id="loading-bucky" src="../../../assets/img/bucky-happy.svg" alt="Happy Bucky Badger">
-                <p>Loading your degree Audit</p>
-                <mat-spinner diameter="50"></mat-spinner>
-            </ng-template>
+            <ng-container [ngSwitch]="visibleAuditStatus$ | async">
+                <ng-container *ngSwitchCase="'Loaded'">
+                    <cse-dars-audit [audit]="audit$ | async"></cse-dars-audit>
+                </ng-container>
+                <ng-container *ngSwitchCase="'Loading'">
+                    <img id="loading-bucky" src="../../../assets/img/bucky-happy.svg" alt="Happy Bucky Badger">
+                    <p>Loading your degree Audit</p>
+                    <mat-spinner diameter="50"></mat-spinner>
+                </ng-container>
+            </ng-container>
         </div>
     </mat-sidenav>