fix(traffic-result-limit.components.ts): updates the offsetvalue to be greaterthan or equal to zero since the component is tied to the no records found module

Author: rdeiser

src/app/traffic-result-limit/traffic-result-limit.component.ts

@@ -1,44 +1,45 @@
-   import { Component, OnInit } from '@angular/core';                                                                                                     
-   import { Location, NgIf } from '@angular/common';                                                                                                            
-                                                                                                                                                          
-   @Component({                                                                                                                                           
-     selector: 'custom-traffic-result-limit',                                                                                                             
-     standalone: true,                                                                                                                                    
-     imports: [NgIf],                                                                                                                                         
-     templateUrl: './traffic-result-limit.component.html',                                                                                                
-     styleUrl: './traffic-result-limit.component.scss',                                                                                                   
-   })                                                                                                                                                     
-   export class TrafficResultLimitComponent implements OnInit {                                                                                           
-     showComponent: boolean = false;                                                                                                                      
-     offsetValue: number | null = null;                                                                                                                   
-                                                                                                                                                          
-     constructor(private location: Location) {}                                                                                                           
-                                                                                                                                                          
-     ngOnInit(): void {                                                                                                                                   
-       this.checkOffset();                                                                                                                                
-     }                                                                                                                                                    
-                                                                                                                                                          
-     checkOffset(): void {                                                                                                                                
-       const url = this.location.path();                                                                                                                  
-       const queryString = url.includes('?') ? url.split('?')[1] : '';                                                                                    
-                                                                                                                                                          
-       if (!queryString) {                                                                                                                                
-         this.showComponent = false;                                                                                                                      
-         return;                                                                                                                                          
-       }                                                                                                                                                  
-                                                                                                                                                          
-       const urlParams = new URLSearchParams(queryString);                                                                                                
-       const offsetParam = urlParams.get('offset');                                                                                                       
-                                                                                                                                                          
-       if (offsetParam) {                                                                                                                                 
-         const offsetValue = parseInt(offsetParam, 10);                                                                                                   
-         if (!isNaN(offsetValue) && offsetValue > 500) {                                                                                                  
-           this.showComponent = true;                                                                                                                     
-         } else {                                                                        
-           this.showComponent = false;                                                                                                                    
-         }                                                                                                                                                
-       } else { 
-        this.showComponent = false;                                                                                                                      
-       }                                                                                                                                                  
-     }                                                                                                                                                    
-   } 
+import { Component, OnInit } from '@angular/core';
+import { Location, NgIf } from '@angular/common';
+
+@Component({
+  selector: 'custom-traffic-result-limit',
+  standalone: true,
+  imports: [NgIf],
+  templateUrl: './traffic-result-limit.component.html',
+  styleUrl: './traffic-result-limit.component.scss',
+})
+export class TrafficResultLimitComponent implements OnInit {
+  showComponent: boolean = false;
+  offsetValue: number | null = null;
+
+  constructor(private location: Location) {}
+
+  ngOnInit(): void {
+    this.checkOffset();
+  }
+
+  checkOffset(): void {
+    const url = this.location.path();
+    const queryString = url.includes('?') ? url.split('?')[1] : '';
+
+    if (!queryString) {
+      this.showComponent = false;
+      return;
+    }
+
+    const urlParams = new URLSearchParams(queryString);
+    const offsetParam = urlParams.get('offset');
+
+    if (offsetParam) {
+      const offsetValue = parseInt(offsetParam, 10);
+      // if the user uses the navigation button, this will display with the offset is `550`.  If `500` is mannually added to the `offset` parameter within the browser url box, this will not dispaly if the the below function is set to `offsetValue > 500`.  Think about making this change within production before going live.
+      if (!isNaN(offsetValue) && offsetValue >= 0) {
+        this.showComponent = true;
+      } else {
+        this.showComponent = false;
+      }
+    } else {
+      this.showComponent = false;
+    }
+  }
+}