diff --git a/extension/src/popup/components/account/AccountHeader/index.tsx b/extension/src/popup/components/account/AccountHeader/index.tsx index b7e0c7b77f..1a6db859fe 100644 --- a/extension/src/popup/components/account/AccountHeader/index.tsx +++ b/extension/src/popup/components/account/AccountHeader/index.tsx @@ -24,7 +24,7 @@ import { import { signOut } from "popup/ducks/accountServices"; import { AccountHeaderModal } from "popup/components/account/AccountHeaderModal"; import { NetworkIcon } from "popup/components/manageNetwork/NetworkIcon"; -import { NetworkDetails } from "@shared/constants/stellar"; +import { NetworkDetails, NETWORK_NAMES } from "@shared/constants/stellar"; import { MobileAppBanner } from "popup/components/account/MobileAppBanner"; import { AccountTabs } from "popup/components/account/AccountTabs"; import { MaintenanceBanner } from "popup/components/MaintenanceBanner"; @@ -47,6 +47,19 @@ interface AccountHeaderProps { onDiscoverClick: () => void; } +const getNetworkDisplayName = (networkName: string) => { + switch (networkName) { + case NETWORK_NAMES.PUBNET: + return "Mainnet"; + case NETWORK_NAMES.TESTNET: + return "Testnet"; + case NETWORK_NAMES.FUTURENET: + return "Futurenet"; + default: + return networkName; + } +}; + export const AccountHeader = ({ allowList, currentAccountName, @@ -262,7 +275,7 @@ export const AccountHeader = ({ >
- {n.networkName} + {getNetworkDisplayName(n.networkName)}
{isActiveNetwork(n, networkDetails) ? (