From 3c6f95ec9db9e83ba61508b25165c43aeadd259c Mon Sep 17 00:00:00 2001
From: Jose Alberto Hernandez <alberto@MacBook-Pro.local>
Date: Sat, 9 Jul 2022 10:08:47 -0500
Subject: [PATCH] Fix to pay client charge with 404

---
 .../client-pay-charges.component.html                | 12 ++++++------
 .../client-pay-charges.component.ts                  |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/clients/clients-view/charges/client-pay-charges/client-pay-charges.component.html b/src/app/clients/clients-view/charges/client-pay-charges/client-pay-charges.component.html
index 4b82c0b43..3d7c65efc 100644
--- a/src/app/clients/clients-view/charges/client-pay-charges/client-pay-charges.component.html
+++ b/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>
diff --git a/src/app/clients/clients-view/charges/client-pay-charges/client-pay-charges.component.ts b/src/app/clients/clients-view/charges/client-pay-charges/client-pay-charges.component.ts
index 1ca8e6b8f..3af58a902 100644
--- a/src/app/clients/clients-view/charges/client-pay-charges/client-pay-charges.component.ts
+++ b/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 });
     });
   }