Add Zenlink Rococo parachain endpoint (#4542)

* Add Zenlink Rococo parachain endpoint

* Fix lint

* Fix lint

* Add types

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

@@ -34,6 +34,7 @@ import stablePoc from './stable-poc';
 import stafi from './stafi';
 import subsocial from './subsocial';
 import uniarts from './uniarts';
+import zenlink from './zenlink';
 import zero from './zero';
 
 // mapping from specName in state.getRuntimeVersion
@@ -74,5 +75,6 @@ export default {
   stafi,
   subsocial,
   subzero: zero,
-  uniarts: uniarts
+  uniarts: uniarts,
+  zenlink
 };

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

@@ -0,0 +1,34 @@
+// Copyright 2017-2021 @polkadot/apps-config authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+/* eslint-disable sort-keys */
+
+export default {
+  Address: 'AccountId',
+  AccountInfo: 'AccountInfoWithRefCount',
+  AssetId: {
+    _enum: {
+      NativeCurrency: null,
+      ParaCurrency: 'u32'
+    }
+  },
+  LookupSource: 'AccountId',
+  Pair: {
+    token_0: 'AssetId',
+    token_1: 'AssetId',
+    account: 'AccountId',
+    total_liquidity: 'TokenBalance'
+  },
+  PairId: 'u32',
+  PairInfo: {
+    token_0: 'AssetId',
+    token_1: 'AssetId',
+    account: 'AccountId',
+    total_liquidity: 'TokenBalance',
+    holding_liquidity: 'TokenBalance',
+    reserve_0: 'TokenBalance',
+    reserve_1: 'TokenBalance'
+  },
+  RefCount: 'u32',
+  TokenBalance: 'u128'
+};

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

@@ -154,6 +154,14 @@ export function createRococo (t: TFunction): EndpointOption {
         providers: {
           Airalab: 'wss://rococo.parachain.robonomics.network'
         }
+      },
+      {
+        info: 'rococoZenlink',
+        paraId: 188,
+        text: t('rpc.rococo.zenlink', 'Zenlink PC1', { ns: 'apps-config' }),
+        providers: {
+          Zenlink: 'wss://rococo-parachain.zenlink.pro'
+        }
       }
     ]
   };

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

@@ -36,6 +36,7 @@ const chainRoccoTrick = '#2222bb';
 const chainWestend = '#da68a7';
 const chainGalois = '#000000';
 const chainZero = '#000000';
+const chainZenlink = 'linear-gradient(45deg, #F20082 0%, #FF4D4D 100%)';
 const chainJupiter = '#7143ff';
 const chainUniarts = '#b39ef7';
 
@@ -57,6 +58,7 @@ const nodeSora = '#2D2926';
 const nodeStafi = '#00F3AB';
 const nodeSubsocial = '#b9018c';
 const nodeZero = '#0099cc';
+const nodeZenlink = 'linear-gradient(45deg, #F20082 0%, #FF4D4D 100%)';
 
 export { emptyColor };
 
@@ -103,6 +105,7 @@ export const chainColors: Record<string, any> = [
   ['Westend', chainWestend],
   ['Galois', chainGalois],
   ['ZΞRO Alphaville', chainZero],
+  ['Zenlink PC1', chainZenlink],
   ['Uniarts', chainUniarts]
 ].reduce((colors, [chain, color]): Record<string, any> => ({
   ...colors,
@@ -128,7 +131,8 @@ export const nodeColors: Record<string, any> = [
   ['SORA-staging Node', nodeSora],
   ['Stafi node', nodeStafi],
   ['subsocial node', nodeSubsocial],
-  ['SUBZΞRO', nodeZero]
+  ['SUBZΞRO', nodeZero],
+  ['Zenlink Collator', nodeZenlink]
   // ['node template', emptyColor],
   // ['parity polkadot', emptyColor],
   // ['substrate node', emptyColor]

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

@@ -56,6 +56,7 @@ import nodeStafi from './nodes/stafi.png';
 import nodeSubsocial from './nodes/subsocial.svg';
 import nodeSubstrate from './nodes/substrate-hexagon.svg';
 import nodeUniarts from './nodes/uniarts.png';
+import nodeZenlink from './nodes/zenlink.svg';
 import nodeZero from './nodes/zero.svg';
 // last-resort fallback, just something empty
 import emptyLogo from './empty.svg';
@@ -144,6 +145,8 @@ export const nodeLogos: Record<string, unknown> = [
   ['Equilibrium Node', nodeEquilibrium],
   ['Equilibrium', nodeEquilibrium],
   ['SUBZΞRO', nodeZero],
+  ['Zenlink', nodeZenlink],
+  ['Zenlink Collator', nodeZenlink],
   ['Uniarts', nodeUniarts]
 ].reduce((logos, [node, logo]): Record<string, unknown> => ({
   ...logos,
@@ -205,6 +208,7 @@ export const namedLogos: Record<string, unknown> = {
   rococoTick: chainRococoTick,
   rococoTrack: chainRococoTrack,
   rococoTrick: chainRococoTrick,
+  rococoZenlink: nodeZenlink,
   'sora-substrate': nodeSora,
   stafi: nodeStafi,
   subsocial: nodeSubsocial,

packages/apps-config/src/ui/logos/nodes/zenlink.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="512px" height="512px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>logo@2x</title>
+    <defs>
+        <linearGradient x1="0%" y1="23.3931975%" x2="100%" y2="72.0241831%" id="linearGradient-1">
+            <stop stop-color="#333333" offset="0%"></stop>
+            <stop stop-color="#393939" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="logo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" fill="url(#linearGradient-1)" x="0" y="0" width="512" height="512"></rect>
+        <path d="M315.211977,361.327767 L258.116297,394.202463 C255.43626,395.746387 252.132246,395.746387 249.448801,394.202463 L140.470895,331.452499 C137.303269,329.629717 135.356322,326.25961 135.356322,322.614045 L135.356322,195.417161 C135.356322,193.373332 136.447431,191.492737 138.220483,190.469123 L198.869086,155.543796 C200.345493,154.697018 202.186739,155.758041 202.186739,157.454997 L202.186739,288.481084 C202.186739,290.912594 203.482431,293.157065 205.596454,294.374521 L315.211977,357.491762 C316.691793,358.345341 316.691793,360.474187 315.211977,361.327767 L315.211977,361.327767 Z M420,175.178094 C420,166.640746 415.442404,158.751976 408.042289,154.485009 L268.041415,73.723267 C260.590053,69.4255777 251.409947,69.4255777 243.965418,73.723267 L103.957711,154.485009 C96.557596,158.75539 92,166.640746 92,175.178094 L92,336.797158 C92,345.331093 96.557596,353.223275 103.957711,357.490242 L244.043998,438.299775 C251.440696,442.566742 260.559304,442.566742 267.959419,438.299775 L408.042289,357.490242 C415.442404,353.223275 420,345.331093 420,336.797158 L420,175.178094 Z" id="Fill-64" fill="#FFFFFF"></path>
+    </g>
+</svg>