Feat/new network selector

.github/workflows/jest.yml

@@ -11,10 +11,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         name: Install pnpm
         with:
-          version: 8
+          version: 8.14.1
           run_install: false
       - name: Run Tests
         run: |

CHANGELOG.md

@@ -39,6 +39,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Features
 
+- [#1015](https://github.com/alleslabs/celatone-frontend/pull/1015) New network selector
 - [#1032](https://github.com/alleslabs/celatone-frontend/pull/1032) Search collection address on both full and sequencer tier
 - [#1024](https://github.com/alleslabs/celatone-frontend/pull/1024) Add Sequencer for account detail NFTs
 - [#1007](https://github.com/alleslabs/celatone-frontend/pull/1007) Add app menu for initia

package.json

@@ -65,6 +65,9 @@
     "@cosmos-kit/react": "2.15.0",
     "@cosmos-kit/station": "2.9.0",
     "@cosmos-kit/station-extension": "2.10.0",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
     "@graphql-codegen/cli": "^5.0.0",

src/config/chain/default.ts

@@ -5,6 +5,7 @@ export const DEFAULT_CHAIN_CONFIG: ChainConfig = {
   chain: "",
   registryChainName: "",
   prettyName: "",
+  networkType: "testnet",
   lcd: "",
   rpc: "",
   indexer: "",

src/config/chain/initia.ts

@@ -13,6 +13,8 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
     chain: "initia",
     registryChainName: "minimovetestnet",
     prettyName: "Minimove",
+    networkType: "testnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/minimove.png",
     lcd: "https://lcd.minimove-1.initia.xyz",
     rpc: "https://rpc.minimove-1.initia.xyz",
     indexer: "https://minimove-1-graphql.alleslabs.dev/v1/graphql",
@@ -54,13 +56,16 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
     },
     extra: {
       isValidatorExternalLink: null,
+      layer: "2",
     },
   },
   "init-ai-1-sequencer": {
     tier: "sequencer",
     chain: "initia",
     registryChainName: "initaitestnet",
     prettyName: "INIT AI",
+    networkType: "testnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/initai.png",
     lcd: "https://maze-rest-617bacff-7d34-4eb8-87f4-ee16fb4e0ac7.ue1-prod.newmetric.xyz",
     rpc: "https://maze-rpc-617bacff-7d34-4eb8-87f4-ee16fb4e0ac7.ue1-prod.newmetric.xyz",
     indexer: "https://init-ai-1-graphql.alleslabs.dev/v1/graphql",
@@ -102,13 +107,16 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
     },
     extra: {
       isValidatorExternalLink: null,
+      layer: "2",
     },
   },
   "initiation-1": {
     tier: "full",
     chain: "initia",
     registryChainName: "initiatestnet",
     prettyName: "Initia",
+    networkType: "testnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/initia.png",
     lcd: "https://lcd.initiation-1.initia.xyz",
     rpc: "https://rpc.initiation-1.initia.xyz",
     indexer: "https://initiation-1-graphql.alleslabs.dev/v1/graphql",
@@ -151,13 +159,17 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
       gasAdjustment: 1.5,
       maxGasLimit: 200_000_000,
     },
-    extra: {},
+    extra: {
+      layer: "1",
+    },
   },
   "minimove-1": {
     tier: "full",
     chain: "initia",
     registryChainName: "minimovetestnet",
     prettyName: "Minimove",
+    networkType: "testnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/minimove.png",
     lcd: "https://lcd.minimove-1.initia.xyz",
     rpc: "https://rpc.minimove-1.initia.xyz",
     indexer: "https://minimove-1-graphql.alleslabs.dev/v1/graphql",
@@ -199,13 +211,16 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
     },
     extra: {
       isValidatorExternalLink: null,
+      layer: "2",
     },
   },
   "miniwasm-1": {
     tier: "full",
     chain: "initia",
     registryChainName: "miniwasmtestnet",
     prettyName: "Miniwasm",
+    networkType: "testnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/miniwasm.png",
     lcd: "https://lcd.miniwasm-1.initia.xyz",
     rpc: "https://rpc.miniwasm-1.initia.xyz:443",
     indexer: "https://miniwasm-1-graphql.alleslabs.dev/v1/graphql",
@@ -246,13 +261,16 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
     },
     extra: {
       isValidatorExternalLink: null,
+      layer: "2",
     },
   },
   "tomcat-1": {
     tier: "full",
     chain: "initia",
     registryChainName: "blackwingtestnet",
     prettyName: "Blackwing",
+    networkType: "testnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/blackwing.png",
     lcd: "https://maze-rest-18bdff44-3aa4-425e-9bc0-06a2afa40af8.ase1-prod.newmetric.xyz",
     rpc: "https://maze-rpc-18bdff44-3aa4-425e-9bc0-06a2afa40af8.ase1-prod.newmetric.xyz",
     indexer: "https://tomcat-1-graphql.alleslabs.dev/v1/graphql",
@@ -294,13 +312,16 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
     },
     extra: {
       isValidatorExternalLink: null,
+      layer: "2",
     },
   },
   "init-ai-1": {
     tier: "full",
     chain: "initia",
     registryChainName: "initaitestnet",
     prettyName: "INIT AI",
+    networkType: "testnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/initai.png",
     lcd: "https://maze-rest-617bacff-7d34-4eb8-87f4-ee16fb4e0ac7.ue1-prod.newmetric.xyz",
     rpc: "https://maze-rpc-617bacff-7d34-4eb8-87f4-ee16fb4e0ac7.ue1-prod.newmetric.xyz",
     indexer: "https://init-ai-1-graphql.alleslabs.dev/v1/graphql",
@@ -342,13 +363,16 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
     },
     extra: {
       isValidatorExternalLink: null,
+      layer: "2",
     },
   },
   "burrito-1": {
     tier: "full",
     chain: "initia",
     registryChainName: "noontestnet",
     prettyName: "Noon",
+    networkType: "testnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/noon.png",
     lcd: "https://burrito-1-lcd.lunchlunch.xyz",
     rpc: "https://burrito-1-rpc.lunchlunch.xyz",
     indexer: "https://burrito-1-graphql.alleslabs.dev/v1/graphql",
@@ -390,13 +414,16 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
     },
     extra: {
       isValidatorExternalLink: null,
+      layer: "2",
     },
   },
   "birdee-1": {
     tier: "full",
     chain: "initia",
     registryChainName: "tucanatestnet",
     prettyName: "Tucana",
+    networkType: "testnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/tucana.png",
     lcd: "https://maze-rest-c9796789-107d-49ab-b6de-059724d2a91d.ue1-prod.newmetric.xyz",
     rpc: "https://maze-rpc-c9796789-107d-49ab-b6de-059724d2a91d.ue1-prod.newmetric.xyz",
     indexer: "https://birdee-1-graphql.alleslabs.dev/v1/graphql",
@@ -437,13 +464,16 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
     },
     extra: {
       isValidatorExternalLink: null,
+      layer: "2",
     },
   },
   "landlord-1": {
     tier: "sequencer",
     chain: "initia",
     registryChainName: "civitiatestnet",
     prettyName: "Civitia",
+    networkType: "testnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/civitia.png",
     lcd: "https://maze-rest-sequencer-beab9b6f-d96d-435e-9caf-5679296d8172.ue1-prod.newmetric.xyz",
     rpc: "https://maze-rpc-sequencer-beab9b6f-d96d-435e-9caf-5679296d8172.ue1-prod.newmetric.xyz",
     indexer: "https://landlord-1-graphql.alleslabs.dev/v1/graphql",
@@ -485,13 +515,16 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
     },
     extra: {
       isValidatorExternalLink: null,
+      layer: "2",
     },
   },
   "glados-1": {
     tier: "sequencer",
     chain: "initia",
     registryChainName: "milkywaytestnet",
     prettyName: "Milkyway",
+    networkType: "testnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/milkyway.png",
     lcd: "https://lcd.testnet.milkyway.zone",
     rpc: "https://rpc.testnet.milkyway.zone",
     indexer: "",
@@ -532,6 +565,7 @@ export const INITIA_CHAIN_CONFIGS: ChainConfigs = {
     },
     extra: {
       isValidatorExternalLink: null,
+      layer: "2",
     },
   },
 };

src/config/chain/neutron.ts

@@ -8,6 +8,8 @@ export const NEUTRON_CHAIN_CONFIGS: ChainConfigs = {
     chain: "neutron",
     registryChainName: "neutron",
     prettyName: "Neutron",
+    networkType: "mainnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/neutron.png",
     lcd: "https://rest-kralum.neutron-1.neutron.org",
     rpc: "https://rpc-kralum.neutron-1.neutron.org:443",
     indexer: "https://neutron-1-graphql.alleslabs.dev/v1/graphql",
@@ -54,6 +56,8 @@ export const NEUTRON_CHAIN_CONFIGS: ChainConfigs = {
     chain: "neutron",
     registryChainName: "neutrontestnet",
     prettyName: "Neutron Testnet",
+    networkType: "testnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/neutron.png",
     lcd: "https://rest-palvus.pion-1.ntrn.tech:443",
     rpc: "https://rpc-palvus.pion-1.ntrn.tech:443",
     indexer: "https://pion-1-graphql.alleslabs.dev/v1/graphql",

src/config/chain/osmosis.ts

@@ -2,12 +2,16 @@ import { wallets as keplrWallets } from "@cosmos-kit/keplr";
 
 import type { ChainConfigs } from "./types";
 
+const OSMOSIS_LOGO =
+  "https://assets.alleslabs.dev/integrations/chains/osmo.png";
 export const OSMOSIS_CHAIN_CONFIGS: ChainConfigs = {
   "osmosis-1": {
     tier: "full",
     chain: "osmosis",
     registryChainName: "osmosis",
     prettyName: "Osmosis",
+    networkType: "mainnet",
+    logoUrl: OSMOSIS_LOGO,
     lcd: "https://lcd.osmosis.zone",
     rpc: "https://rpc.osmosis.zone:443",
     indexer: "https://osmosis-1-graphql.alleslabs.dev/v1/graphql",
@@ -56,6 +60,8 @@ export const OSMOSIS_CHAIN_CONFIGS: ChainConfigs = {
     chain: "osmosis",
     registryChainName: "osmosistestnet",
     prettyName: "Osmosis Testnet",
+    networkType: "testnet",
+    logoUrl: OSMOSIS_LOGO,
     lcd: "https://lcd.osmotest5.osmosis.zone",
     rpc: "https://osmosis-testnet-rpc.polkachu.com:443",
     indexer: "https://osmo-test-5-graphql.alleslabs.dev/v1/graphql",
@@ -105,6 +111,8 @@ export const OSMOSIS_CHAIN_CONFIGS: ChainConfigs = {
     chain: "osmosis",
     registryChainName: "localosmosis",
     prettyName: "Local Osmosis",
+    networkType: "testnet",
+    logoUrl: OSMOSIS_LOGO,
     lcd: "http://localhost/rest",
     rpc: "http://localhost:80/rpc/",
     indexer: "http://localhost/hasura/v1/graphql",

src/config/chain/sei.ts

@@ -14,6 +14,8 @@ export const SEI_CHAIN_CONFIGS: ChainConfigs = {
     chain: "sei",
     registryChainName: "sei",
     prettyName: "Sei",
+    networkType: "mainnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/sei.png",
     lcd: "https://sei-api.polkachu.com",
     rpc: "https://sei-rpc.polkachu.com:443",
     indexer: "https://pacific-1-graphql.alleslabs.dev/v1/graphql",
@@ -62,6 +64,8 @@ export const SEI_CHAIN_CONFIGS: ChainConfigs = {
     chain: "sei",
     registryChainName: "seitestnet2",
     prettyName: "Sei Testnet2",
+    networkType: "testnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/sei.png",
     lcd: "https://rest.atlantic-2.seinetwork.io",
     rpc: "https://rpc.atlantic-2.seinetwork.io:443",
     indexer: "https://atlantic-2-graphql.alleslabs.dev/v1/graphql",

src/config/chain/stargaze.ts

@@ -8,6 +8,8 @@ export const STARGAZE_CHAIN_CONFIGS: ChainConfigs = {
     chain: "stargaze",
     registryChainName: "stargaze",
     prettyName: "Stargaze",
+    networkType: "mainnet",
+    logoUrl: "https://assets.alleslabs.dev/integrations/chains/neutron.png",
     lcd: "https://rest.stargaze-apis.com",
     rpc: "https://rpc.stargaze-apis.com:443",
     indexer: "https://stargaze-mainnet-graphql.alleslabs.dev/v1/graphql",
@@ -53,6 +55,7 @@ export const STARGAZE_CHAIN_CONFIGS: ChainConfigs = {
     chain: "stargaze",
     registryChainName: "stargazetestnet",
     prettyName: "Stargaze Testnet",
+    networkType: "testnet",
     lcd: "https://rest.elgafar-1.stargaze-apis.com",
     rpc: "https://rpc.elgafar-1.stargaze-apis.com",
     indexer: "https://elgafar-1-graphql.alleslabs.dev/v1/graphql",