diff --git a/src/screens/NetworkSettingDetail.tsx b/src/screens/NetworkSettingDetail.tsx index 6f0ecff32..ef1ead64a 100644 --- a/src/screens/NetworkSettingDetail.tsx +++ b/src/screens/NetworkSettingDetail.tsx @@ -23,6 +23,7 @@ import { _isChainSubstrateCompatible, _isCustomChain, _isPureEvmChain, + _isPureTonChain, } from '@subwallet/extension-base/services/chain-service/utils'; import InputText from 'components/Input/InputText'; import { Button, Icon } from 'components/design-system-ui'; @@ -88,7 +89,11 @@ export const NetworkSettingDetail = ({ }, [chainInfo]); const chainId = useMemo(() => { - return _getEvmChainId(chainInfo); + return _getEvmChainId(chainInfo) as number; + }, [chainInfo]); + + const isPureTonChain = useMemo(() => { + return chainInfo && _isPureTonChain(chainInfo); }, [chainInfo]); const isPureEvmChain = useMemo(() => { @@ -334,22 +339,27 @@ export const NetworkSettingDetail = ({ - {!isPureEvmChain ? ( - -1 ? paraId.toString() : 'ParaId'} /> - ) : ( - -1 ? chainId.toString() : 'None'} /> + {!isPureTonChain && ( + <> + {!isPureEvmChain ? ( + -1 ? paraId.toString() : 'ParaId'} /> + ) : ( + -1 ? chainId.toString() : 'None'} /> + )} + + )} + {isPureTonChain && ( + )} - {!isPureEvmChain && ( + {!isPureEvmChain && !isPureTonChain && ( )} - - - + {!_isPureEvmChain(chainInfo) && !isPureTonChain && ( + + )}