Added edit component

src/app/formulaManager/viewComponents/viewComponents.component.html

@@ -18,7 +18,7 @@
             <td>{{c.created | date}}</td>
             <td class="text-center">{{c.cost | currency}}</td>
             <td>
-                <mat-icon class="curs-pointer">edit</mat-icon>
+                <mat-icon class="curs-pointer" (click)="createComponent(c)">edit</mat-icon>
             </td>
             <td>
                 <mat-icon class="curs-pointer" (click)="delete(c)">delete</mat-icon>

src/app/formulaManager/viewComponents/viewComponents.component.ts

@@ -27,8 +27,8 @@ export class ViewComponents {
       );
   }
 
-  createComponent() {
-    this.dialog.open(NewComponentComponent);
+  createComponent(component?) {
+    this.dialog.open(NewComponentComponent, {data: component});
   }
 
   delete(component) {