Merge pull request #1628 from QuickSwap/dev2

Dev2
QuickSwap · Nov 29, 2024 · 169a973 · 169a973
2 parents 72fddeb + fe7a2f0
commit 169a973
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/Header/NetworkSelection.tsx b/src/components/Header/NetworkSelection.tsx
@@ -48,7 +48,11 @@ export const NetworkSelection: React.FC = () => {
         </small>
         {openNetworkSelection ? <KeyboardArrowUp /> : <KeyboardArrowDown />}
       </Box>
-      {openNetworkSelection && <NetworkSelectionDropdown />}
+      {openNetworkSelection && (
+        <NetworkSelectionDropdown
+          setOpenNetworkSelection={setOpenNetworkSelection}
+        />
+      )}
     </div>
   );
 };
diff --git a/src/components/NetworkSelectionDropdown/NetworkSelectionDropdown.tsx b/src/components/NetworkSelectionDropdown/NetworkSelectionDropdown.tsx
@@ -14,7 +14,9 @@ import CustomTabSwitch from 'components/v3/CustomTabSwitch';
 import ActiveDotImage from 'assets/images/chainActiveDot.png';
 import { useSwitchNetwork } from '@web3modal/ethers5/react';
 
-const NetworkSelectionDropdown: React.FC = () => {
+const NetworkSelectionDropdown: React.FC<{
+  setOpenNetworkSelection: (isOpen: boolean) => void;
+}> = ({ setOpenNetworkSelection }) => {
   const { t } = useTranslation();
   const arcxSdk = useArcxAnalytics();
   const { chainId, account, currentChainId } = useActiveWeb3React();
@@ -57,6 +59,7 @@ const NetworkSelectionDropdown: React.FC = () => {
       if (!currentChainId) {
         window.location.reload();
       }
+      setOpenNetworkSelection(false);
     },
     [account, arcxSdk, currentChainId, switchNetwork],
   );