feat: add news button

Angular2Guy · Jun 8, 2024 · 21a5f42 · 21a5f42
1 parent 0e4ef1e
commit 21a5f42
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 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
@@ -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
@@ -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
@@ -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.'));
   }