Prevent page refresh if present result is same as result to be searched

Author: suprith-hub

frontend/src/static/js/components/webstatus-overview-filters.ts

@@ -54,6 +54,7 @@ import {
 
 import {CSVUtils} from '../utils/csv.js';
 import {Toast} from '../utils/toast.js';
+import {navigateToUrl} from '../utils/app-router.js';
 
 const WEBSTATUS_FEATURE_OVERVIEW_CSV_FILENAME =
   'webstatus-feature-overview.csv';
@@ -233,7 +234,7 @@ export class WebstatusOverviewFilters extends LitElement {
       q: (this.typeaheadRef.value as WebstatusTypeahead).value,
       start: 0,
     });
-    window.location.href = newUrl;
+    navigateToUrl(newUrl);
   }
 
   protected firstUpdated(): void {

frontend/src/static/js/utils/app-router.ts

@@ -55,6 +55,11 @@ export const navigateToUrl = (url: string, event?: MouseEvent) => {
     return;
   }
 
+  const oldPath = window.location.pathname + window.location.search;
+  if (oldPath === url) {
+    return; // Prevents unnecessary navigation
+  }
+
   // TODO. We should use the vaadin router and use the navigate method there.
   window.location.href = url;
 };