Merge pull request #1957 from numbersprotocol/feature-reload-explore-tab-on-click

feat(home.page): refresh explore tab if clicked twice

Author: bafu

src/app/features/home/home.page.html

@@ -90,13 +90,15 @@
       >
         <mat-tab>
           <ng-template mat-tab-label>
-            <ion-icon
-              src="/assets/images/icons/search.svg"
-              class="tab-action-button-icon"
-              joyrideStep="highlightHomeTab"
-              title="Home Tab"
-              text="View created captures"
-            ></ion-icon>
+            <button mat-icon-button (click)="navigateToExploreTab()">
+              <ion-icon
+                src="/assets/images/icons/search.svg"
+                class="tab-action-button-icon"
+                joyrideStep="highlightHomeTab"
+                title="Home Tab"
+                text="View created captures"
+              ></ion-icon>
+            </button>
           </ng-template>
           <app-explore-tab></app-explore-tab>
         </mat-tab>

src/app/features/home/home.page.ts

@@ -346,6 +346,13 @@ export class HomePage {
       .subscribe();
   }
 
+  // eslint-disable-next-line class-methods-use-this
+  navigateToExploreTab() {
+    if (this.selectedTabIndex === 0) {
+      window.location.reload();
+    }
+  }
+
   async navigateToInboxTab() {
     await this.userGuideService.showUserGuidesOnInboxTab();
     await this.userGuideService.setHasOpenedInboxTab(true);