Merge pull request #802 from telosnetwork/798-make-external-links-in-…

…telos-wallet-larger

#797, #798 | adding bridge external link and make them larger

src/antelope/chains/EVMChainSettings.ts

@@ -295,6 +295,7 @@ export default abstract class EVMChainSettings implements ChainSettings {
     abstract getWeiPrecision(): number;
     abstract getExplorerUrl(): string;
     abstract getEcosystemUrl(): string;
+    abstract getBridgeUrl(): string;
     abstract getTrustedContractsBucket(): string;
     abstract getSystemTokens(): TokenClass[];
     abstract getIndexerApiEndpoint(): string;

src/antelope/chains/evm/telos-evm-testnet/index.ts

@@ -55,6 +55,8 @@ const API_ENDPOINT = 'https://api-dev.telos.net/v1';
 const WEI_PRECISION = 18;
 const EXPLORER_URL = 'https://testnet.teloscan.io';
 const ECOSYSTEM_URL = 'https://www.telos.net/ecosystem';
+const BRIDGE_URL = 'https://telos-bridge-testnet.netlify.app/bridge';
+
 const NETWORK_EVM_ENDPOINT = 'https://testnet.telos.net';
 const INDEXER_ENDPOINT = 'https://api.testnet.teloscan.io';
 const CONTRACTS_BUCKET = 'https://verified-evm-contracts-testnet.s3.amazonaws.com';
@@ -144,6 +146,10 @@ export default class TelosEVMTestnet extends EVMChainSettings {
         return ECOSYSTEM_URL;
     }
 
+    getBridgeUrl(): string {
+        return BRIDGE_URL;
+    }
+
     getTrustedContractsBucket(): string {
         return CONTRACTS_BUCKET;
     }

src/antelope/chains/evm/telos-evm/index.ts

@@ -55,6 +55,7 @@ const API_ENDPOINT = 'https://api.telos.net/v1';
 const WEI_PRECISION = 18;
 const EXPLORER_URL = 'https://teloscan.io';
 const ECOSYSTEM_URL = 'https://www.telos.net/ecosystem';
+const BRIDGE_URL = 'https://bridge.telos.net/bridge';
 const NETWORK_EVM_ENDPOINT = 'https://mainnet.telos.net';
 const INDEXER_ENDPOINT = 'https://api.teloscan.io';
 const CONTRACTS_BUCKET = 'https://verified-evm-contracts.s3.amazonaws.com';
@@ -140,6 +141,10 @@ export default class TelosEVMTestnet extends EVMChainSettings {
         return ECOSYSTEM_URL;
     }
 
+    getBridgeUrl(): string {
+        return BRIDGE_URL;
+    }
+
     getTrustedContractsBucket(): string {
         return CONTRACTS_BUCKET;
     }

src/antelope/stores/chain.ts

@@ -125,6 +125,7 @@ export const useChainStore = defineStore(store_name, {
         // https://github.com/telosnetwork/telos-wallet/issues/246
         getExplorerUrl: () => (network: string) => (settings[network] as EVMChainSettings).getExplorerUrl(),
         getEcosystemUrl: () => (network: string) => (settings[network] as EVMChainSettings).getEcosystemUrl(),
+        getBridgeUrl: () => (network: string) => (settings[network] as EVMChainSettings).getBridgeUrl(),
         getNetworkSettings: () => (network: string) => settings[network],
         getStakedRatio: state => (label: string) => (state.__chains[label] as EvmChainModel).stakeRatio ?? ethers.constants.Zero,
         getUnstakedRatio: state => (label: string) => (state.__chains[label] as EvmChainModel).unstakeRatio ?? ethers.constants.Zero,

src/components/evm/AppNav.vue

@@ -151,6 +151,10 @@ export default defineComponent({
             const network = this.loggedAccount.network;
             window.open(chainStore.getExplorerUrl(network), '_blank');
         },
+        goToTelosBridge() {
+            const network = this.loggedAccount.network;
+            window.open(chainStore.getBridgeUrl(network), '_blank');
+        },
     },
 });
 </script>
@@ -389,6 +393,16 @@ export default defineComponent({
                 {{ $t('nav.teloscan') }}
                 <q-icon size="16px" name="launch" />
             </li>
+            <li
+                class="c-app-nav__menu-link"
+                role="menuitem"
+                :tabindex="menuItemTabIndex"
+                @click="goToTelosBridge()"
+                @keypress.space.enter="goToTelosBridge()"
+            >
+                {{ $t('nav.bridge') }}
+                <q-icon size="16px" name="launch" />
+            </li>
         </ul>
 
         <div v-if="!isProduction" class="c-app-nav__demos-link">
@@ -573,7 +587,7 @@ export default defineComponent({
     }
 
     &__menu-link {
-        @include text--small-bold;
+        @include text--paragraph-bold;
 
         cursor: pointer;
         display: flex;

src/i18n/en-us/index.js

@@ -72,6 +72,7 @@ export default {
         login: 'Connect Wallet',
         teloscan: 'Teloscan',
         ecosystem: 'Ecosystem',
+        bridge: 'Bridge',
         nfts: 'Digital Collectibles',
         allowances: 'Approvals',
     },