From 3dcab3cc6fff111ebaa4f6bcdd88f0e84b64d739 Mon Sep 17 00:00:00 2001
From: KenTandrian <kenricktan11@gmail.com>
Date: Tue, 22 Apr 2025 23:25:49 +0700
Subject: [PATCH] feat(client): add watchlist page

---
 apps/client/src/app/pages/home/home-page-routing.module.ts | 6 ++++++
 apps/client/src/app/pages/home/home-page.component.ts      | 5 +++++
 apps/client/src/app/pages/home/home-page.module.ts         | 2 ++
 3 files changed, 13 insertions(+)

diff --git a/apps/client/src/app/pages/home/home-page-routing.module.ts b/apps/client/src/app/pages/home/home-page-routing.module.ts
index f50b55192..9a915f0b3 100644
--- a/apps/client/src/app/pages/home/home-page-routing.module.ts
+++ b/apps/client/src/app/pages/home/home-page-routing.module.ts
@@ -2,6 +2,7 @@ import { HomeHoldingsComponent } from '@ghostfolio/client/components/home-holdin
 import { HomeMarketComponent } from '@ghostfolio/client/components/home-market/home-market.component';
 import { HomeOverviewComponent } from '@ghostfolio/client/components/home-overview/home-overview.component';
 import { HomeSummaryComponent } from '@ghostfolio/client/components/home-summary/home-summary.component';
+import { HomeWatchlistComponent } from '@ghostfolio/client/components/home-watchlist/home-watchlist.component';
 import { AuthGuard } from '@ghostfolio/client/core/auth.guard';
 
 import { NgModule } from '@angular/core';
@@ -36,6 +37,11 @@ const routes: Routes = [
         path: 'market',
         component: HomeMarketComponent,
         title: $localize`Markets`
+      },
+      {
+        path: 'watchlist',
+        component: HomeWatchlistComponent,
+        title: $localize`Watchlist`
       }
     ],
     component: HomePageComponent,
diff --git a/apps/client/src/app/pages/home/home-page.component.ts b/apps/client/src/app/pages/home/home-page.component.ts
index e307884f8..8d46ddbe0 100644
--- a/apps/client/src/app/pages/home/home-page.component.ts
+++ b/apps/client/src/app/pages/home/home-page.component.ts
@@ -52,6 +52,11 @@ export class HomePageComponent implements OnDestroy, OnInit {
               iconName: 'newspaper-outline',
               label: $localize`Markets`,
               path: ['/home', 'market']
+            },
+            {
+              iconName: 'star-outline',
+              label: $localize`Watchlist`,
+              path: ['/home', 'watchlist']
             }
           ];
           this.user = state.user;
diff --git a/apps/client/src/app/pages/home/home-page.module.ts b/apps/client/src/app/pages/home/home-page.module.ts
index 045cfa8c0..8931d845b 100644
--- a/apps/client/src/app/pages/home/home-page.module.ts
+++ b/apps/client/src/app/pages/home/home-page.module.ts
@@ -2,6 +2,7 @@ import { GfHomeHoldingsModule } from '@ghostfolio/client/components/home-holding
 import { GfHomeMarketModule } from '@ghostfolio/client/components/home-market/home-market.module';
 import { GfHomeOverviewModule } from '@ghostfolio/client/components/home-overview/home-overview.module';
 import { GfHomeSummaryModule } from '@ghostfolio/client/components/home-summary/home-summary.module';
+import { GfHomeWatchlistModule } from '@ghostfolio/client/components/home-watchlist/home-watchlist.module';
 
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
@@ -19,6 +20,7 @@ import { HomePageComponent } from './home-page.component';
     GfHomeMarketModule,
     GfHomeOverviewModule,
     GfHomeSummaryModule,
+    GfHomeWatchlistModule,
     HomePageRoutingModule,
     MatTabsModule,
     RouterModule