fix: hide empty tables

TEAMMATES · Aug 13, 2023 · 26d2917 · 26d2917
1 parent 19fbaf4
commit 26d2917
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 19 deletions.
diff --git a/...ents/extension-confirm-modal/__snapshots__/extension-confirm-modal.component.spec.ts.snap b/...ents/extension-confirm-modal/__snapshots__/extension-confirm-modal.component.spec.ts.snap
@@ -245,23 +245,6 @@ exports[`ExtensionConfirmModalComponent should snap with the extended students a
           </table>
         </tm-sortable-table>
       </div>
-      <div>
-        <h1>
-          Instructors
-        </h1>
-        <tm-sortable-table>
-          <table
-            class="table table-bordered table-striped"
-          >
-            <thead>
-              <tr>
-              </tr>
-            </thead>
-            <tbody>
-            </tbody>
-          </table>
-        </tm-sortable-table>
-      </div>
       <div
         class="form-check"
       >

diff --git a/src/web/app/components/extension-confirm-modal/extension-confirm-modal.component.html b/src/web/app/components/extension-confirm-modal/extension-confirm-modal.component.html
@@ -24,7 +24,7 @@ <h5 class="modal-title" *ngIf="isDeleteModal() || isSessionDeleteModal()">Confir
       <b>{{ extensionTimestamp | formatDateDetail: feedbackSessionTimeZone }}</b>:
     </div>
 
-    <div>
+    <div *ngIf="selectedStudents.length !== 0">
       <h1>Students</h1>
       <tm-sortable-table
         [columns]="studentColumnsData"
@@ -37,7 +37,7 @@ <h1>Students</h1>
         ></tm-sortable-table>
     </div>
 
-    <div>
+    <div *ngIf="selectedInstructors.length !== 0">
       <h1>Instructors</h1>
       <tm-sortable-table
         [columns]="instructorColumnsData"