Add OAK Testnet to the left navigation bar (#5386)

* Add OAK Testnet endpoint

* Modify oak-testnet logo

* Modify types definition

Co-authored-by: imstar15 <imstar15@qq.com>

packages/apps-config/src/api/spec/index.ts

@@ -53,6 +53,7 @@ import mybank from './mybank';
 import neatcoin from './neatcoin';
 import nftmart from './nftmart';
 import nodle from './nodle';
+import oakTestnet from './oak-testnet';
 import pangolin from './pangolin';
 import parami from './parami';
 import phala from './phala';
@@ -160,6 +161,7 @@ const spec: Record<string, OverrideBundleDefinition> = {
   'node-moonbeam': moonbeam,
   'node-polkadex': polkadex,
   'nodle-chain': nodle,
+  'oak-testnet': oakTestnet,
   parami,
   'phala-collator': phalaParachain,
   'phala-node': phala,

packages/apps-config/src/api/spec/oak-testnet.ts

@@ -0,0 +1,53 @@
+// Copyright 2017-2021 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { OverrideBundleDefinition } from '@polkadot/types/types';
+
+// structs need to be in order
+/* eslint-disable sort-keys */
+
+const definitions: OverrideBundleDefinition = {
+  types: [
+    {
+      // on all versions
+      minmax: [0, undefined],
+      types: {
+        Contribution: {
+          account_id: 'AccountId',
+          value: 'Balance'
+        },
+        Grant: {
+          contributions: 'Vec<Contribution>',
+          is_approved: 'bool',
+          is_canceled: 'bool',
+          is_withdrawn: 'bool',
+          matching_fund: 'Balance',
+          project_index: 'ProjectIndex',
+          withdrawal_expiration: 'BlockNumber'
+        },
+        Project: {
+          create_block_number: 'BlockNumber',
+          description: 'Vec<u8>',
+          logo: 'Vec<u8>',
+          name: 'Vec<u8>',
+          owner: 'AccountId',
+          website: 'Vec<u8>'
+        },
+        ProjectIndex: 'u32',
+        ProjectOf: 'Project',
+        Round: {
+          end: 'BlockNumber',
+          grants: 'Vec<Grant>',
+          is_canceled: 'bool',
+          is_finalized: 'bool',
+          matching_fund: 'Balance',
+          start: 'BlockNumber'
+        },
+        RoundIndex: 'u32',
+        RoundOf: 'Round'
+      }
+    }
+  ]
+};
+
+export default definitions;

packages/apps-config/src/endpoints/testing.ts

@@ -238,6 +238,13 @@ export function createTesting (t: TFunction): LinkOption[] {
         NFTMartStaging: 'wss://staging-ws.nftmart.io'
       }
     },
+    {
+      info: 'oak-testnet',
+      text: t('rpc.test.oak', 'OAK Testnet', { ns: 'apps-config' }),
+      providers: {
+        'OAK Network': 'wss://testnet.oak.tech'
+      }
+    },
     {
       info: 'pangolin',
       text: t('rpc.test.pangolin', 'Pangolin', { ns: 'apps-config' }),

packages/apps-config/src/ui/colors.ts

@@ -29,6 +29,7 @@ const chainKulupu = '#003366';
 const chainManta = '#2070a6';
 const chainMoonrock = '#3d1d5a';
 const chainNFTMart = '#815287';
+const chainOakTestnet = '#E38985';
 const chainPangolin = '#5744ff';
 const chainParami = '#ee06e2';
 const chainPhala = '#a7e300';
@@ -101,6 +102,7 @@ const nodeMoonbeam = '#53cbc9';
 const nodeMybank = '#282736';
 const nodeNFTMart = '#307182';
 const nodeNodle = '#1ab394';
+const nodeOakTestnet = '#E38985';
 const nodePangolin = '#5744ff';
 const nodeParami = '#ee06e2';
 const nodePolkadex = '#7C30DD';
@@ -190,6 +192,7 @@ export const chainColors: Record<string, string> = [
   ['mybank.network Testnet', chainMybank],
   ['NFTMart Testnet', chainNFTMart],
   ['NFTMart Staging', chainNFTMart],
+  ['OAK Testnet', chainOakTestnet],
   ['Pangolin', chainPangolin],
   ['Parami PC2', chainParami],
   ['Phala PC1', chainPhala],
@@ -264,6 +267,7 @@ export const nodeColors: Record<string, string> = [
   ['NFTMart Testnet', nodeNFTMart],
   ['NFTMart Staging', nodeNFTMart],
   ['nodle chain node', nodeNodle],
+  ['OAK Testnet', nodeOakTestnet],
   ['Pangolin', nodePangolin],
   ['Parami Collator', nodeParami],
   ['Patract Node', nodeJupiter],

packages/apps-config/src/ui/logos/index.ts

@@ -68,6 +68,7 @@ import moonshadow from './nodes/moonshadow.png';
 import mybank from './nodes/mybank.png';
 import nodeNFTMart from './nodes/nftmart.png';
 import nodeNodle from './nodes/nodle.svg';
+import oakTestnet from './nodes/oak-testnet.png';
 import nodePangolin from './nodes/pangolin.svg';
 import nodeParami from './nodes/parami.png';
 import nodePhala from './nodes/phala.svg';
@@ -155,6 +156,7 @@ export const chainLogos: Record<string, unknown> = [
   ['mybank.network PC1', mybank],
   ['NFTMart Testnet', nodeNFTMart],
   ['NFTMart Staging', nodeNFTMart],
+  ['OAK Testnet', oakTestnet],
   ['Pangolin', nodePangolin],
   ['Parami PC2', nodeParami],
   ['PHOENIX PC1', nodePhoenix],
@@ -257,6 +259,7 @@ export const nodeLogos: Record<string, unknown> = [
   ['NFTMart Staging', nodeNFTMart],
   ['node-template', nodeSubstrate],
   ['Nodle Chain Node', nodeNodle],
+  ['OAK Testnet', oakTestnet],
   ['Pangolin', nodePangolin],
   ['Patract Node', nodeJupiter],
   ['Polkadex Node', nodePolkadex],
@@ -375,6 +378,7 @@ export const namedLogos: Record<string, unknown> = {
   mybank: mybank,
   nftmart: nodeNFTMart,
   nodle: nodeNodle,
+  'oak-testnet': oakTestnet,
   pangolin: nodePangolin,
   phala: nodePhala,
   phoenix: nodePhoenix,

packages/apps/public/locales/en/apps-config.json

@@ -127,6 +127,7 @@
   "rpc.test.mybank": "mybank.network",
   "rpc.test.nftmart": "NFTMart",
   "rpc.test.nodle-arcadia": "Arcadia",
+  "rpc.test.oak": "OAK Testnet",
   "rpc.test.pangolin": "Pangolin",
   "rpc.test.phala": "Phala PoC-4",
   "rpc.test.phoenix": "Phoenix Mashnet",