fix(hub-frontend): display public datasets/workflows on hub page

frontend/src/app/hub/component/hub-search-result/hub-search-result.component.html

@@ -28,7 +28,7 @@
   <div class="search-result">
     <texera-search-results
       [showResourceTypes]="true"
-      [searchKeywords]="this.filters.getSearchKeywords()"
+      [searchKeywords]="searchKeywords"
       [currentUid]="this.currentUid">
     </texera-search-results>
   </div>

frontend/src/app/hub/component/hub-search-result/hub-search-result.component.ts

@@ -38,26 +38,21 @@ import { map } from "rxjs/operators";
 })
 export class HubSearchResultComponent implements OnInit, AfterViewInit {
   public searchType: "dataset" | "workflow" = "workflow";
+  public searchKeywords: string[] = [];
   currentUid = this.userService.getCurrentUser()?.uid;
 
   private isLogin = false;
   private includePublic = true;
   private _searchResultsComponent?: SearchResultsComponent;
-  @ViewChild(SearchResultsComponent) get searchResultsComponent(): SearchResultsComponent {
-    if (this._searchResultsComponent) {
-      return this._searchResultsComponent;
-    }
-    throw new Error("Property cannot be accessed before it is initialized.");
+  @ViewChild(SearchResultsComponent) get searchResultsComponent(): SearchResultsComponent | undefined {
+    return this._searchResultsComponent;
   }
   set searchResultsComponent(value: SearchResultsComponent) {
     this._searchResultsComponent = value;
   }
   private _filters?: FiltersComponent;
-  @ViewChild(FiltersComponent) get filters(): FiltersComponent {
-    if (this._filters) {
-      return this._filters;
-    }
-    throw new Error("Property cannot be accessed before it is initialized.");
+  @ViewChild(FiltersComponent) get filters(): FiltersComponent | undefined {
+    return this._filters;
   }
   set filters(value: FiltersComponent) {
     value.masterFilterListChange.pipe(untilDestroyed(this)).subscribe({ next: () => this.search() });
@@ -106,6 +101,9 @@ export class HubSearchResultComponent implements OnInit, AfterViewInit {
    * todo: Integrate the search functions from different interfaces into a single method.
    */
   async search(forced: boolean = false): Promise<void> {
+    if (!this.filters || !this.searchResultsComponent) {
+      return;
+    }
     const sameList =
       this.masterFilterList !== null &&
       this.filters.masterFilterList.length === this.masterFilterList.length &&
@@ -116,6 +114,7 @@ export class HubSearchResultComponent implements OnInit, AfterViewInit {
     }
     this.lastSortMethod = this.sortMethod;
     this.masterFilterList = this.filters.masterFilterList;
+    this.searchKeywords = this.filters.getSearchKeywords();
     let filterParams = this.filters.getSearchFilterParameters();
     if (isDefined(this.pid)) {
       // force the project id in the search query to be the current pid.