From 9e5505c2978591d4c6628f2a0b274d05570d12e0 Mon Sep 17 00:00:00 2001
From: argirok <argirokokogiannaki@gmail.com>
Date: Mon, 16 Oct 2023 12:13:42 +0300
Subject: [PATCH] fix issue with enermaps tab: use search-results instead of
 search-tab

---
 src/app/community/community.component.html | 20 +++++++++++++-------
 src/app/community/community.component.ts   |  3 ++-
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/app/community/community.component.html b/src/app/community/community.component.html
index 5a60ce9..46f3a18 100644
--- a/src/app/community/community.component.html
+++ b/src/app/community/community.component.html
@@ -737,9 +737,11 @@
             *ngIf="activeTab == 'enermaps' && communityId == 'enermaps' && fetchFeaturedDatasets.searchUtils.totalResults > 0 && isEntityEnabled('dataset')">
             <div class="uk-grid uk-margin-remove">
               <div class="uk-width-expand uk-padding uk-padding-remove-horizontal">
-                <search-tab [fetch]="fetchFeaturedDatasets" [resultType]="'dataset'"
-                            [properties]="properties" customTitle="Featured Datasets" [currentPage]="page"
-                            [showEnermaps]="true">
+                <div class="uk-flex uk-flex-between uk-flex-middle uk-margin-bottom" >
+                  <div class="uk-text-meta uk-text-large uk-text-uppercase">
+                    <span>Featured Datasets</span>
+                  </div>
+                </div>
                   <div class="uk-margin-top uk-margin-medium-bottom uk-text-meta">
                     <div>Here are listed some of the most important energy datasets as selected by energy experts.</div>
                     <div>
@@ -747,12 +749,16 @@
                       using only well-known datasets which you can trust.
                     </div>
                   </div>
-                  <no-load-paging *ngIf="fetchFeaturedDatasets && fetchFeaturedDatasets.results.length > size" [type]="'Featured Datasets'"
+                  <no-load-paging *ngIf="fetchFeaturedDatasets && fetchFeaturedDatasets.searchUtils.totalResults > size" [type]="'Featured Datasets'"
                     (pageChange)="updatePage($event)"
-                    [page]="page" [pageSize]="size"
-                    [totalResults]="fetchFeaturedDatasets.results.length" >
+                    [page]="fetchFeaturedDatasets.searchUtils.page" [pageSize]="size"
+                    [totalResults]="fetchFeaturedDatasets.searchUtils.totalResults" >
                   </no-load-paging>
-                </search-tab>
+                <search-result	[properties]="properties"
+                                  [results]="fetchFeaturedDatasets.results"
+                                  [status]="fetchFeaturedDatasets.searchUtils.status"
+                                  [type]="'dataset'" [showEnermaps]="true"  >
+                </search-result>
               </div>
             </div>
           </div>
diff --git a/src/app/community/community.component.ts b/src/app/community/community.component.ts
index 8cba6db..6db3098 100644
--- a/src/app/community/community.component.ts
+++ b/src/app/community/community.component.ts
@@ -386,7 +386,6 @@ export class CommunityComponent {
       )
     ) {
       this.fetchFeaturedDatasets.getAllResultsForCommunity("dataset", this.communityId, page, size, this.properties, "enermaps::selection");
-      // console.log(this.fetchFeaturedDatasets);
     }
     this.reloadFeaturedDatasets = false;
   }
@@ -663,5 +662,7 @@ export class CommunityComponent {
 
   public updatePage(event) {
     this.page = event.value;
+    this.fetchFeaturedDatasets.searchUtils.page = event.value;
+    this.fetchFeaturedDatasets.results = this.fetchFeaturedDatasets.allResults.slice((this.page - 1) * this.searchNumber, this.page * this.searchNumber) ;
   }
 }