Fix to pay client charge with 404

src/app/clients/clients-view/charges/client-pay-charges/client-pay-charges.component.html

@@ -5,7 +5,7 @@
     <form [formGroup]="transactionForm" (ngSubmit)="submit()">
 
       <div fxLayout="column">
-  
+
         <mat-form-field>
           <mat-label> Amount </mat-label>
           <input matInput required autofocus formControlName="amount">
@@ -13,7 +13,7 @@
             Amount <strong>is required</strong>
           </mat-error>
         </mat-form-field>
-  
+
         <mat-form-field (click)="transactionDatePicker.open()">
           <mat-label> Transaction date </mat-label>
           <input matInput [min]="minDate" [matDatepicker]="transactionDatePicker" required formControlName="transactionDate">
@@ -23,14 +23,14 @@
             Transaction date <strong>is required</strong>
           </mat-error>
         </mat-form-field>
-  
+
       </div>
-  
+
       <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="5px">
-        <button type="button" mat-raised-button [routerLink]="['../','general']">Cancel</button>
+        <button type="button" mat-raised-button [routerLink]="['../../..','general']">Cancel</button>
         <button mat-raised-button color="primary" [disabled]="!transactionForm.valid">Submit</button>
       </div>
-  
+
     </form>
 
   </mat-card>

src/app/clients/clients-view/charges/client-pay-charges/client-pay-charges.component.ts

@@ -77,7 +77,7 @@ export class ClientPayChargesComponent implements OnInit {
       locale
     };
     this.clientsService.payClientCharge(this.transactionData.clientId, this.transactionData.id, data).subscribe(() => {
-      this.router.navigate(['../', 'general']);
+      this.router.navigate(['../../..','general'], { relativeTo: this.route });
     });
   }