From 2199d9b512f8af60ff215353640266ff63c4bb2c Mon Sep 17 00:00:00 2001
From: Cyril Joseph <ccyyrriill83@gmail.com>
Date: Fri, 5 Dec 2025 07:46:40 -0400
Subject: [PATCH] feedback updates

---
 src/app/fees/cargo-rate/cargo-rate.component.html | 11 +++++------
 src/app/fees/cargo-rate/cargo-rate.component.ts   |  2 +-
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/app/fees/cargo-rate/cargo-rate.component.html b/src/app/fees/cargo-rate/cargo-rate.component.html
index cb6e4c2..676a092 100644
--- a/src/app/fees/cargo-rate/cargo-rate.component.html
+++ b/src/app/fees/cargo-rate/cargo-rate.component.html
@@ -37,8 +37,8 @@
 
             <!-- Rate Column -->
             <ng-container matColumnDef="rate">
-                <th mat-header-cell *matHeaderCellDef mat-sort-header>Rate</th>
-                <td mat-cell *matCellDef="let item">{{ item.rate | currency }}</td>
+                <th mat-header-cell *matHeaderCellDef mat-sort-header>Rate in %</th>
+                <td mat-cell *matCellDef="let item">{{ item.rate | number:'1.0-4' }}</td>
             </ng-container>
 
             <!-- Effective Date Column -->
@@ -138,14 +138,13 @@
 
             <div class="form-row">
                 <mat-form-field appearance="outline">
-                    <mat-label>Rate</mat-label>
-                    <input matInput formControlName="rate" type="number" step="1" required>
-                    <span class="dollar-prefix" matPrefix>$&nbsp;</span>
+                    <mat-label>Rate in %</mat-label>
+                    <input matInput formControlName="rate" type="number">
                     <mat-error *ngIf="cargoRateForm.get('rate')?.errors?.['required']">
                         Rate is required
                     </mat-error>
                     <mat-error *ngIf="cargoRateForm.get('rate')?.errors?.['pattern']">
-                        Must be a valid dollar amount
+                        Please enter a valid number with up to 4 decimal places
                     </mat-error>
                     <mat-error *ngIf="cargoRateForm.get('rate')?.errors?.['min']">
                         Must be 0 or greater
diff --git a/src/app/fees/cargo-rate/cargo-rate.component.ts b/src/app/fees/cargo-rate/cargo-rate.component.ts
index f49e812..78940bc 100644
--- a/src/app/fees/cargo-rate/cargo-rate.component.ts
+++ b/src/app/fees/cargo-rate/cargo-rate.component.ts
@@ -75,7 +75,7 @@ export class CargoRateComponent implements OnInit {
       ]],
       rate: ['', [
         Validators.required,
-        Validators.pattern(/^\d+\.?\d{0,2}$/),
+        Validators.pattern(/^\d+\.?\d{0,4}$/),
         Validators.min(0)
       ]],
       effectiveDate: ['', Validators.required]