From 21a5f4227e6eacf906ef8f4e5828d81490a8c3bc Mon Sep 17 00:00:00 2001
From: Angular2guy <angular2guy@gmail.com>
Date: Sat, 8 Jun 2024 19:19:25 +0200
Subject: [PATCH] feat: add news button

---
 .../overview/overview.component.html          | 20 +++++++++++++------
 .../overview/overview.component.scss          |  8 +++++---
 .../components/overview/overview.component.ts |  4 ++++
 3 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/frontend/src/angular/src/app/portfolios/components/overview/overview.component.html b/frontend/src/angular/src/app/portfolios/components/overview/overview.component.html
index c40a92d6..5e438d24 100644
--- a/frontend/src/angular/src/app/portfolios/components/overview/overview.component.html
+++ b/frontend/src/angular/src/app/portfolios/components/overview/overview.component.html
@@ -48,18 +48,26 @@
         <button
           mat-raised-button
           class="button-margin"
-          (click)="newPortfolio()"
-          i18n="@@overviewNewPortfolio"
+          (click)="showFinancialData()"
+          i18n="@@overviewToFinancialData"
         >
-          New Portfolio
+          To Financial Data
         </button>
         <button
           mat-raised-button
           class="button-margin"
-          (click)="showFinancialData()"
-          i18n="@@overviewToFinancialData"
+          (click)="showFinancialNews()"
+          i18n="@@overviewToFinancialNews"
         >
-          To Financial Data
+          To Financial News
+        </button>
+        <button
+          mat-raised-button
+          class="button-margin"
+          (click)="newPortfolio()"
+          i18n="@@overviewNewPortfolio"
+        >
+          New Portfolio
         </button>
       </div>
       <mat-action-list *ngFor="let portfolio of portfolios">
diff --git a/frontend/src/angular/src/app/portfolios/components/overview/overview.component.scss b/frontend/src/angular/src/app/portfolios/components/overview/overview.component.scss
index f112ea7a..c3b13036 100644
--- a/frontend/src/angular/src/app/portfolios/components/overview/overview.component.scss
+++ b/frontend/src/angular/src/app/portfolios/components/overview/overview.component.scss
@@ -21,15 +21,17 @@
 
 .new-portfolio {
   width: 100%;
-  height: 56px;
+  height: auto;
   display: flex;
   align-items: center;
-  justify-content: space-around;
+  justify-content: center;
+  flex-direction: column;
   cursor: pointer;
 }
 
 .button-margin {
-  margin: 0 5px 0 5px;
+  width: 97%;
+  margin: 5px 0 0 5px;
   padding: 5px 10px 5px 10px;
 }
 
diff --git a/frontend/src/angular/src/app/portfolios/components/overview/overview.component.ts b/frontend/src/angular/src/app/portfolios/components/overview/overview.component.ts
index b3ee756f..6486c488 100644
--- a/frontend/src/angular/src/app/portfolios/components/overview/overview.component.ts
+++ b/frontend/src/angular/src/app/portfolios/components/overview/overview.component.ts
@@ -149,6 +149,10 @@ export class OverviewComponent implements OnInit {
     this.router.navigate([`/financialdata`]);
   }
 
+  showFinancialNews() {
+	console.log('hello');
+  }
+
   updateQuotes() {
 	  this.quoteImportService.updateAllDailyIntraDayQuotes().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(xxx => console.log('updateQuotes() called.'));
   }