work on watcher list

src/app/watcher-view/watcher-view.component.html

@@ -7,37 +7,22 @@
     </mat-card-header>
     <div>
 
-<!--
-        <table mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8">
 
-            
-            <ng-container matColumnDef="position">
-              <th mat-header-cell *matHeaderCellDef mat-sort-header> No. </th>
-              <td mat-cell *matCellDef="let element"> {{element.position}} </td>
-            </ng-container>
-          
-            
-            <ng-container matColumnDef="name">
-              <th mat-header-cell *matHeaderCellDef mat-sort-header> Name </th>
-              <td mat-cell *matCellDef="let element"> {{element.name}} </td>
-            </ng-container>
-          
-            
-            <ng-container matColumnDef="weight">
-              <th mat-header-cell *matHeaderCellDef mat-sort-header> Weight </th>
-              <td mat-cell *matCellDef="let element"> {{element.weight}} </td>
-            </ng-container>
-          
-            
-            <ng-container matColumnDef="symbol">
-              <th mat-header-cell *matHeaderCellDef mat-sort-header> Symbol </th>
-              <td mat-cell *matCellDef="let element"> {{element.symbol}} </td>
-            </ng-container>
-          
-            <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-            <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-          </table>
-        -->
+  <div>
+      <mat-nav-list>
+          <mat-list-item *ngFor="let symbol of watchingSymbols">
+            <div class="ipoContainer">
+              
+              <span>{{watchingIpos[symbol].quote.companyName}}</span>
+              <div class="spacer"></div>
+              
+            </div>
+          </mat-list-item>
+        </mat-nav-list>
+      </div>
+
+
+
 
     </div>