From 32ba75b4d248aff54169df8b0f319c9a73ba672d Mon Sep 17 00:00:00 2001
From: Cyril Joseph <ccyyrriill83@gmail.com>
Date: Fri, 5 Dec 2025 07:45:49 -0400
Subject: [PATCH] feedback updates

---
 src/app/app.routes.ts                                 |  2 ++
 .../secured-header/secured-header.component.html      |  1 +
 src/app/fees/cargo-rate/cargo-rate.component.html     | 11 +++++------
 src/app/fees/cargo-rate/cargo-rate.component.ts       |  2 +-
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 248cfe9..922f931 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -13,6 +13,7 @@ import { ManageTableRecordComponent } from './param/manage-table-record/manage-t
 import { ManageParamRecordComponent } from './param/manage-param-record/manage-param-record.component';
 import { RegionComponent } from './region/region.component';
 import { ManageFeeComponent } from './fees/manage/manage-fee.component';
+import { ManageCountryComponent } from './param/manage-country/manage-country.component';
 
 export const routes: Routes = [
   { path: 'login', component: LoginComponent },
@@ -20,6 +21,7 @@ export const routes: Routes = [
   { path: 'forgot-password', component: ForgotPasswordComponent },
   { path: 'table-record', component: ManageTableRecordComponent, canActivate: [AuthGuard] },
   { path: 'param-record/:id', component: ManageParamRecordComponent, canActivate: [AuthGuard] },
+  { path: 'country-messages', component: ManageCountryComponent, canActivate: [AuthGuard] },
   { path: 'region', component: RegionComponent, canActivate: [AuthGuard] },
   { path: 'fees', component: ManageFeeComponent, canActivate: [AuthGuard] },
   { path: 'usersettings', component: UserSettingsComponent, canActivate: [AuthGuard] },
diff --git a/src/app/common/secured-header/secured-header.component.html b/src/app/common/secured-header/secured-header.component.html
index 1241a27..f212466 100644
--- a/src/app/common/secured-header/secured-header.component.html
+++ b/src/app/common/secured-header/secured-header.component.html
@@ -9,6 +9,7 @@
         <button mat-button [matMenuTriggerFor]="configurations">Configurations</button>
         <mat-menu #configurations="matMenu">
             <button mat-menu-item (click)="navigateTo('table-record')">Table Records</button>
+            <button mat-menu-item (click)="navigateTo('country-messages')">Country Messages</button>
             <button mat-menu-item (click)="navigateTo('region')">Manage Regions</button>
             <button mat-menu-item (click)="navigateTo('fees')">Manage Fees</button>
         </mat-menu>
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]