+
+ {totalDocuments, plural, =1 {One document in trash} other {{{totalDocuments || 0}} total documents in trash}}
+ @if (selectedDocuments.size > 0) {
+ ({{selectedDocuments.size}} selected)
+ }
+
+ @if (documentsInTrash.length > 20) {
+
+ }
+
+}
diff --git a/src-ui/src/app/components/admin/trash/trash.component.scss b/src-ui/src/app/components/admin/trash/trash.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src-ui/src/app/components/admin/trash/trash.component.spec.ts b/src-ui/src/app/components/admin/trash/trash.component.spec.ts
new file mode 100644
index 000000000..063d4bb8f
--- /dev/null
+++ b/src-ui/src/app/components/admin/trash/trash.component.spec.ts
@@ -0,0 +1,163 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing'
+
+import { TrashComponent } from './trash.component'
+import { HttpClientTestingModule } from '@angular/common/http/testing'
+import { PageHeaderComponent } from '../../common/page-header/page-header.component'
+import {
+ NgbModal,
+ NgbPaginationModule,
+ NgbPopoverModule,
+} from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
+import { FormsModule, ReactiveFormsModule } from '@angular/forms'
+import { TrashService } from 'src/app/services/trash.service'
+import { of } from 'rxjs'
+import { ConfirmDialogComponent } from '../../common/confirm-dialog/confirm-dialog.component'
+import { By } from '@angular/platform-browser'
+
+const documentsInTrash = [
+ {
+ id: 1,
+ name: 'test1',
+ created: new Date('2023-03-01T10:26:03.093116Z'),
+ deleted_at: new Date('2023-03-01T10:26:03.093116Z'),
+ },
+ {
+ id: 2,
+ name: 'test2',
+ created: new Date('2023-03-01T10:26:03.093116Z'),
+ deleted_at: new Date('2023-03-01T10:26:03.093116Z'),
+ },
+]
+
+describe('TrashComponent', () => {
+ let component: TrashComponent
+ let fixture: ComponentFixture