Changed the name from Etheruem sepolia to mainnet on prod (#1918)

* Changed the name from Etheruem sepolia to mainnet on prod

* REmoved the log

src/helpers/UtilityHelper.ts

@@ -113,7 +113,9 @@ export const EnvHelper = {
  },
 };
 
-export const networkName = {
+export const networkName: {
+ [key: number]: string;
+} = {
  42: 'Ethereum Kovan',
  5: 'Ethereum Goerli',
  11155111: 'Ethereum Sepolia',

src/modules/createChannel/components/DifferentChainPage.tsx

@@ -6,32 +6,42 @@ import { appConfig } from 'config';
 
 // Components
 import { Box, Button, Text } from 'blocks';
+import { networkName } from 'helpers/UtilityHelper';
 
 const DifferentChainPage = () => {
  const { switchChain } = useAccount();
+
+ const chainId = appConfig.allowedNetworks[0];
+
+ const chainName = networkName[chainId];
+
  return (
  <>
  <Box
- display='flex'
- flexDirection='column'
- padding='spacing-md'
- backgroundColor='surface-secondary'
- borderRadius='radius-sm'
- width='-webkit-fill-available'
+ display="flex"
+ flexDirection="column"
+ padding="spacing-md"
+ backgroundColor="surface-secondary"
+ borderRadius="radius-sm"
+ width="-webkit-fill-available"
  >
- <Text textAlign='center' variant='h5-semibold' color='text-brand-medium'>
- Please select Ethereum Sepolia Network in your Wallet to create a channel.
+ <Text
+ textAlign="center"
+ variant="h5-semibold"
+ color="text-brand-medium"
+ >
+ Please select {chainName} Network in your Wallet to create a channel.
  </Text>
-
  </Box>
 
- <Box display='flex' justifyContent='center'>
- <Button onClick={() => switchChain(appConfig.coreContractChain)}>
- Change Network
- </Button>
+ <Box
+ display="flex"
+ justifyContent="center"
+ >
+ <Button onClick={() => switchChain(appConfig.coreContractChain)}>Change Network</Button>
  </Box>
  </>
  );
 };
 
-export { DifferentChainPage };
+export { DifferentChainPage };