diff --git a/env.json b/env.json index 3549f133d..e9abdc75e 100644 --- a/env.json +++ b/env.json @@ -55,7 +55,8 @@ "Kusama": true, "KusamaSora": true, "Polkadot": true, - "PolkadotSora": true + "PolkadotSora": true, + "Liberland": true }, "EVM_NETWORKS_IDS": [56, 8217], "ETH_BRIDGE": { diff --git a/src/assets/img/networks/binance-smart-chain.svg b/src/assets/img/networks/binance-smart-chain.svg index f39dba1be..6013da5c7 100644 --- a/src/assets/img/networks/binance-smart-chain.svg +++ b/src/assets/img/networks/binance-smart-chain.svg @@ -1,20 +1,7 @@ - - - - - - - - - - + + + + + + diff --git a/src/assets/img/networks/ethereum.svg b/src/assets/img/networks/ethereum.svg index 684e96873..ccf8091ee 100644 --- a/src/assets/img/networks/ethereum.svg +++ b/src/assets/img/networks/ethereum.svg @@ -1,21 +1,10 @@ - - - - - - - - - - - - - - - - - + + + + + + + + + diff --git a/src/assets/img/networks/klaytn.svg b/src/assets/img/networks/klaytn.svg index aa5e9f664..f24aa6c01 100644 --- a/src/assets/img/networks/klaytn.svg +++ b/src/assets/img/networks/klaytn.svg @@ -1,17 +1,31 @@ - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/img/networks/kusama.svg b/src/assets/img/networks/kusama.svg index b7b9da8de..7c5d10ccd 100644 --- a/src/assets/img/networks/kusama.svg +++ b/src/assets/img/networks/kusama.svg @@ -1 +1,4 @@ -kusama-ksm-logo \ No newline at end of file + + + + diff --git a/src/assets/img/networks/liberland.svg b/src/assets/img/networks/liberland.svg index 896a6dbae..9fa8aa6a8 100644 --- a/src/assets/img/networks/liberland.svg +++ b/src/assets/img/networks/liberland.svg @@ -1,2971 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/src/assets/img/networks/polkadot.svg b/src/assets/img/networks/polkadot.svg index dc99ea877..a698aaa42 100644 --- a/src/assets/img/networks/polkadot.svg +++ b/src/assets/img/networks/polkadot.svg @@ -1,9 +1,9 @@ - - - - - - - - + + + + + + + + diff --git a/src/assets/img/networks/sora-kusama.svg b/src/assets/img/networks/sora-kusama.svg new file mode 100644 index 000000000..0fb4484ca --- /dev/null +++ b/src/assets/img/networks/sora-kusama.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/img/networks/sora-polkadot.svg b/src/assets/img/networks/sora-polkadot.svg new file mode 100644 index 000000000..d531d5832 --- /dev/null +++ b/src/assets/img/networks/sora-polkadot.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/components/pages/Bridge/SelectNetwork.vue b/src/components/pages/Bridge/SelectNetwork.vue index ba841626d..7a00a6440 100644 --- a/src/components/pages/Bridge/SelectNetwork.vue +++ b/src/components/pages/Bridge/SelectNetwork.vue @@ -103,9 +103,7 @@ export default class BridgeSelectNetwork extends Mixins(NetworkFormatterMixin) { }, []); }) .flat(1) - .sort((a, b) => { - return +a.disabled - +b.disabled; - }); + .sort((a, b) => +a.disabled - +b.disabled); } get selectedNetworkTuple(): string { diff --git a/src/store/web3/getters.ts b/src/store/web3/getters.ts index 47a45016f..b8fb190fc 100644 --- a/src/store/web3/getters.ts +++ b/src/store/web3/getters.ts @@ -1,4 +1,6 @@ import { BridgeNetworkType } from '@sora-substrate/util/build/bridgeProxy/consts'; +import { SubNetworkId } from '@sora-substrate/util/build/bridgeProxy/sub/consts'; +import { WALLET_CONSTS } from '@soramitsu/soraneo-wallet-web'; import { defineGetters } from 'direct-vuex'; import { EVM_NETWORKS } from '@/consts/evm'; @@ -13,7 +15,7 @@ import type { BridgeNetworkId } from '@sora-substrate/util/build/bridgeProxy/typ const getters = defineGetters()({ availableNetworks(...args): Record>> { - const { state } = web3GetterContext(args); + const { state, rootState } = web3GetterContext(args); const hashi = [state.ethBridgeEvmNetwork].reduce((buffer, id) => { const data = EVM_NETWORKS[id]; @@ -45,7 +47,11 @@ const getters = defineGetters()({ const data = SUB_NETWORKS[id]; if (data) { - const disabled = !(nodesOrFlag && state.supportedApps?.[BridgeNetworkType.Sub]?.includes(id as SubNetwork)); + let disabled = !(nodesOrFlag && state.supportedApps?.[BridgeNetworkType.Sub]?.includes(id as SubNetwork)); + + if (id === SubNetworkId.Liberland && rootState.wallet.settings.soraNetwork === WALLET_CONSTS.SoraNetwork.Prod) { + disabled = true; // TODO: [Liberland] Remove it when needed ready + } // override from config if (Array.isArray(nodesOrFlag)) { @@ -63,8 +69,8 @@ const getters = defineGetters()({ return { [BridgeNetworkType.Eth]: hashi, - [BridgeNetworkType.Evm]: evm, [BridgeNetworkType.Sub]: sub, + [BridgeNetworkType.Evm]: evm, }; }, diff --git a/src/styles/common.scss b/src/styles/common.scss index 2ae93f51d..9b30019d9 100644 --- a/src/styles/common.scss +++ b/src/styles/common.scss @@ -18,8 +18,7 @@ $country-emoji-font: 'Twemoji Country Flags'; } } -$networks: 'sora', 'ethereum', 'ethereum-classic', 'avalanche', 'klaytn', 'polygon', 'binance-smart-chain', 'rococo', 'karura', 'polkadot', 'kusama', 'liberland'; -$sora-parachains: 'sora' 'rococo', 'sora' 'kusama', 'sora' 'polkadot'; +$networks: 'sora', 'ethereum', 'ethereum-classic', 'avalanche', 'klaytn', 'polygon', 'binance-smart-chain', 'rococo', 'karura', 'polkadot', 'kusama', 'liberland', 'sora-polkadot', 'sora-kusama'; /* Networks Icons */ .network-icon { display: inline-block; @@ -38,18 +37,15 @@ $sora-parachains: 'sora' 'rococo', 'sora' 'kusama', 'sora' 'polkadot'; } } - @each $sora, $parachain in $sora-parachains { - &--#{$sora}-#{$parachain} { - background-image: url('~@/assets/img/networks/#{$parachain}.svg'); - - &::after { - content: ''; - display: block; - width: 50%; - height: 50%; - filter: drop-shadow(2px 4px 6px black); - background-image: url('~@/assets/img/networks/#{$sora}.svg'); - } + &--sora-rococo { + background-image: url('~@/assets/img/networks/rococo.svg'); + &::after { + content: ''; + display: block; + width: 50%; + height: 50%; + filter: drop-shadow(2px 4px 6px black); + background-image: url('~@/assets/img/networks/sora.svg'); } } }