FIX: enhance projects list with loading state and no projects found m…

…essage
GSI-Xapiens-CSIRO · Dec 9, 2024 · 9940e6b · 9940e6b
1 parent f9c0cc9
commit 9940e6b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/...p/pages/portal-page/dportal-page/admin-section/projects-list/projects-list.component.html b/...p/pages/portal-page/dportal-page/admin-section/projects-list/projects-list.component.html
@@ -1,6 +1,5 @@
-@if (loading) {
-  <app-component-spinner [loading]="true" class="min-h-[400px] block" />
-} @else {
+<app-component-spinner [loading]="loading" />
+@if (dataSource.data.length > 0) {
   <br />
   <table mat-table [dataSource]="dataSource">
     <!-- Name Column -->
@@ -66,6 +65,8 @@
     <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
     <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
   </table>
+} @else {
+  <h3>No projects found</h3>
 }
 <br />
 <div class="flex flex-row space-x-[10px] items-center">

diff --git a/...app/pages/portal-page/dportal-page/admin-section/projects-list/projects-list.component.ts b/...app/pages/portal-page/dportal-page/admin-section/projects-list/projects-list.component.ts
@@ -69,6 +69,8 @@ export class ProjectsListComponent {
   }
 
   list() {
+    this.loading = true;
+    this.dataSource.data = [];
     this.dps
       .getAdminProjects()
       .pipe(catchError(() => of(null)))