From 64b32e8c9266fa016d42d1f33b40b7226c57edef Mon Sep 17 00:00:00 2001
From: eli-d <64763513+eli-d@users.noreply.github.com>
Date: Tue, 19 Nov 2024 14:16:26 +1030
Subject: [PATCH] also filter in mobile component

---
 web/src/app/_layout/MobileNetworkSelection.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/web/src/app/_layout/MobileNetworkSelection.tsx b/web/src/app/_layout/MobileNetworkSelection.tsx
index 43c095f4..50308377 100644
--- a/web/src/app/_layout/MobileNetworkSelection.tsx
+++ b/web/src/app/_layout/MobileNetworkSelection.tsx
@@ -5,13 +5,21 @@ import SPNTest from "@/assets/icons/spn-test.svg";
 import ArrowDown from "@/assets/icons/arrow-down.svg";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import Ethereum from "@/assets/icons/ethereum.svg";
+import appConfig from "@/config";
 import { useChainId, useSwitchChain } from "wagmi";
+import { superpositionMainnet } from "@/config/chains";
+import { useFeatureFlag } from "@/hooks/useFeatureFlag";
 
 /**
  * Shows a dropdown menu with links to switch the network.
  */
 export const MobileNetworkSelection = () => {
-  const { chains, switchChain } = useSwitchChain();
+  const showSuperpositionMainnet = useFeatureFlag("ui is mainnet enabled");
+  const { switchChain } = useSwitchChain();
+
+  const chains = appConfig.chains.allChains.filter(
+    (c) => !(c.id === superpositionMainnet.id && !showSuperpositionMainnet),
+  );
 
   const chainId = useChainId();