fix: start price subscription for new position

web-front-end/angular/main/app/trade/position-blotter/position-blotter.component.ts

@@ -52,21 +52,22 @@ export class PositionBlotterComponent implements OnChanges, OnDestroy {
       this.isPending = true;
 
       this.tradeService.getPositions(accountId).subscribe((positions: Position[]) => {
+        console.log('Position blotter tradeService feed...', positions);
         this.positions = positions;
         this.processPendingPositions();
-        const securities = this.positions.map((position: Position) => position.security);
-        console.log('Done processing positions for stocks', securities);
-        // signal what securities' market price updates should be sent.
-        this.tradeFeed.emit('/prices', securities);
+        this.subscribeToMarketValue(positions.map((p: Position) => p.security));
       }, () => {
         this.isPending = false;
       });
 
 
       this.socketUnSubscribeFn?.();
       this.socketUnSubscribeFn = this.tradeFeed.subscribe(`/accounts/${accountId}/positions`, (data: any) => {
-        console.log('Position blotter feed...', data);
+        console.log('Position blotter websocket feed...', data);
         this.updatePosition(data);
+        const securities = this.positions.map((p: Position) => p.security);
+        securities.push(data.security);
+        this.subscribeToMarketValue(securities);
       });
 
       this.marketValueUnSubscribeFn?.();
@@ -77,6 +78,12 @@ export class PositionBlotterComponent implements OnChanges, OnDestroy {
     }
   }
 
+  // signal what securities' market price updates should be sent.
+  subscribeToMarketValue(securities: String[]) {
+    console.log('Will subscribe to prices for stocks', securities);
+    this.tradeFeed.emit('/prices', securities);
+  }
+
   processPendingPositions() {
     this.pendingPosition.forEach((position) => this.update(position));
     this.pendingPosition = [];