fix: network switch

.github/workflows/docker-build.yml

@@ -7,6 +7,8 @@ on:
   pull_request:
     branches:
       - "development"
+    types:
+      - closed
 
 jobs:
   build:

src/components/NavMenusSection/index.tsx

@@ -19,25 +19,29 @@ export const NavMenusSection: React.FC = () => {
 
   const handleSelectNetwork = (e: Network) => {
     const { origin } = networkConfigs[e];
-    if (origin.includes(window.location.origin)) return;
-    window.open(origin);
+    // window.open(origin);
+    if (origin.includes(window.location.host)) return;
+    const target = `${window.location.protocol}//${origin}`;
+    window.location.href = target;
   };
 
   return (
     <div className="relative mx-auto flex max-w-screen-xl flex-wrap items-center justify-between p-4">
       <Button
-        className={`md:hidden ${isMobileMenuOpen
-          ? "stroke-controlBorderActive-light dark:stroke-controlBorderActive-dark"
-          : ""
-          }`}
+        className={`md:hidden ${
+          isMobileMenuOpen
+            ? "stroke-controlBorderActive-light dark:stroke-controlBorderActive-dark"
+            : ""
+        }`}
         variant="icon"
         icon={isMobileMenuOpen ? <XMarkIcon /> : <Bars3Icon />}
         aria-expanded={isMobileMenuOpen}
         onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
       />
       <div
-        className={`fixed inset-x-0 top-0 z-50 mt-14 transform ${isMobileMenuOpen ? "block" : "hidden"
-          } md:relative md:top-auto md:mt-0 md:block`}
+        className={`fixed inset-x-0 top-0 z-50 mt-14 transform ${
+          isMobileMenuOpen ? "block" : "hidden"
+        } md:relative md:top-auto md:mt-0 md:block`}
         id="navbar-dropdown"
       >
         <div className="mx-auto w-full max-w-md rounded-lg bg-surface-light p-4 shadow-lg md:max-w-screen-xl md:bg-transparent md:p-0 md:shadow-none">