Exclude external links from triggering progress bar (#909)

scaffold-eth · Aug 15, 2024 · 0e18439 · 0e18439
1 parent 8c2f4ec
commit 0e18439
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/nextjs/components/scaffold-eth/ProgressBar.tsx b/packages/nextjs/components/scaffold-eth/ProgressBar.tsx
@@ -45,11 +45,12 @@ export function ProgressBar() {
     NProgress.configure({ showSpinner: false });
 
     const handleAnchorClick = (event: MouseEvent) => {
-      const targetUrl = (event.currentTarget as HTMLAnchorElement).href;
+      const anchor = event.currentTarget as HTMLAnchorElement;
+      const targetUrl = anchor.href;
       const currentUrl = location.href;
-      if (targetUrl !== currentUrl) {
-        NProgress.start();
-      }
+      const isTargetBlank = anchor?.target === "_blank";
+      if (targetUrl === currentUrl || isTargetBlank) return;
+      NProgress.start();
     };
 
     const handleMutation: MutationCallback = () => {