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',
     Authorization: 'Bearer ' + this.tokenStorage.getToken(),
-    }),
-  };
+  });
 
-  getStockData(): Observable<any> {
-    return this.http.get(API_URL + 'portfolio', {
-      headers: this.httpOptions.headers,
+  async getStockData() {
+    await this.http
+      .get(API_URL + 'portfolio', {
+        headers: this.headers,
         responseType: 'text',
+      })
+      .subscribe((data) => {
+        console.log(data);
+        return data;
       });
   }
 
-  showStorage() {
-    console.log(localStorage);
+  getKeywords(): Observable<any> {
+    return this.http.get(API_URL + 'keywords', {
+      headers: this.headers,
+      responseType: 'text',
+    });
   }
 }

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;