Added virtualization to the trash

fairhopeweb · Apr 28, 2021 · 7adbbf1 · 7adbbf1
1 parent f750a77
commit 7adbbf1
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/app/components/trash/trash.component.html b/src/app/components/trash/trash.component.html
@@ -12,8 +12,8 @@ <h4>{{ 'Trash.Trash' | translate }}</h4>
         </div>
     </div>
     <div class="app-trash__body" *ngIf="this.trashedNotes.length > 0">
-        <div class="app-trash__notes">
-            <div class="trashed-note no-select" *ngFor="let trashedNote of trashedNotes">
+        <cdk-virtual-scroll-viewport class="app-trash__notes" itemSize="48">
+            <div class="trashed-note no-select" *cdkVirtualFor="let trashedNote of trashedNotes">
                 <div class="trashed-note__checkbox mx-2">
                     <mat-checkbox (change)="changeNoteSelection(trashedNote, $event)" [(ngModel)]="trashedNote.isSelected"></mat-checkbox>
                 </div>
@@ -24,7 +24,7 @@ <h4>{{ 'Trash.Trash' | translate }}</h4>
                     </div>
                 </div>
             </div>
-        </div>
+        </cdk-virtual-scroll-viewport>
         <div class="app-trash__buttons mr-3" *ngIf="hasSelectedTrashedNotes">
             <button
                 class="list-button"