Starting to see the light

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

@@ -0,0 +1,46 @@
+<div class="cardContainer">
+  <mat-card id="watcherCard">
+    <mat-card-header>
+      <mat-card-title>
+        <h2>Watch List</h2>
+      </mat-card-title>
+    </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-card>
+</div>