Merge pull request QuickSwap#1628 from QuickSwap/dev2

Dev2

Author: sameepsi

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>
   );
 };

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],
   );