Add stock data api call

frontend/src/app/Services/data.service.ts

@@ -12,21 +12,27 @@ export class DataService {
     private tokenStorage: TokenStorageService
   ) {}
 
-  httpOptions = {
+  headers = new HttpHeaders({
-    headers: new HttpHeaders({
+    'Content-Type': 'application/json',
-      'Content-Type': 'application/json',
+    Authorization: 'Bearer ' + this.tokenStorage.getToken(),
-      Authorization: 'Bearer' + this.tokenStorage.getToken(),
+  });
-    }),
-  };
 
-  getStockData(): Observable<any> {
+  async getStockData() {
-    return this.http.get(API_URL + 'portfolio', {
+    await this.http
-      headers: this.httpOptions.headers,
+      .get(API_URL + 'portfolio', {
+        headers: this.headers,
+        responseType: 'text',
+      })
+      .subscribe((data) => {
+        console.log(data);
+        return data;
+      });
+  }
+
+  getKeywords(): Observable<any> {
+    return this.http.get(API_URL + 'keywords', {
+      headers: this.headers,
       responseType: 'text',
     });
   }
-
-  showStorage() {
-    console.log(localStorage);
-  }
 }

frontend/src/app/Views/dashboard/dashboard.component.ts

@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import { throwToolbarMixedModesError } from '@angular/material/toolbar';
+import { DataService } from 'src/app/Services/data.service';
 
 export interface PeriodicElement {
   name: string;
@@ -46,9 +48,11 @@ const ELEMENT_DATA: PeriodicElement[] = [
   styleUrls: ['./dashboard.component.scss'],
 })
 export class DashboardComponent implements OnInit {
-  constructor() {}
+  constructor(private dataService: DataService) {}
 
-  ngOnInit(): void {}
+  async ngOnInit() {
+    const data = await this.dataService.getStockData();
+  }
 
   displayedColumns: string[] = ['position', 'name', 'weight', 'symbol'];
   dataSource = ELEMENT_DATA;