From a0ec91618fdc703c1c75fb6b2af03e288e56a1fa Mon Sep 17 00:00:00 2001 From: Jaco Greeff Date: Mon, 3 Aug 2020 22:53:53 +0200 Subject: [PATCH] Add Rococo RPCs (#3297) * Add Rococo RPCs * Adjust child margin * test-parachain * Bump API * Alphabetical * Rococo logo * Rococo colors * Rococo svg images * Rococo color adjust * Optional proxy module * Radiu buttons * Adjust sizing * Rococo 2 * Logo update * Adjust * cumulus-test-parachain * Session progress needs staking * Radio adjust * Adjust isRado checked * Remove extra files * Update packages/apps-config/src/settings/endpoints.ts --- .../src/api/spec/cumulus-test-parachain.ts | 11 +++++++++ packages/apps-config/src/api/spec/index.ts | 2 ++ .../apps-config/src/settings/endpoints.ts | 23 +++++++++++++++++++ packages/apps-config/src/ui/general/index.ts | 8 +++++++ .../src/ui/logos/chains/rococo-tick.svg | 3 +++ .../src/ui/logos/chains/rococo-track.svg | 3 +++ .../src/ui/logos/chains/rococo-trick.svg | 3 +++ .../src/ui/logos/chains/rococo.svg | 3 +++ packages/apps-config/src/ui/logos/index.ts | 14 ++++++++++- 9 files changed, 69 insertions(+), 1 deletion(-) create mode 100644 packages/apps-config/src/api/spec/cumulus-test-parachain.ts create mode 100644 packages/apps-config/src/ui/logos/chains/rococo-tick.svg create mode 100644 packages/apps-config/src/ui/logos/chains/rococo-track.svg create mode 100644 packages/apps-config/src/ui/logos/chains/rococo-trick.svg create mode 100644 packages/apps-config/src/ui/logos/chains/rococo.svg diff --git a/packages/apps-config/src/api/spec/cumulus-test-parachain.ts b/packages/apps-config/src/api/spec/cumulus-test-parachain.ts new file mode 100644 index 0000000000..8556c23f71 --- /dev/null +++ b/packages/apps-config/src/api/spec/cumulus-test-parachain.ts @@ -0,0 +1,11 @@ +// Copyright 2017-2020 @polkadot/apps-config authors & contributors +// This software may be modified and distributed under the terms +// of the Apache-2.0 license. See the LICENSE file for details. + +// structs need to be in order +/* eslint-disable sort-keys */ + +export default { + Address: 'AccountId', + LookupSource: 'AccountId' +}; diff --git a/packages/apps-config/src/api/spec/index.ts b/packages/apps-config/src/api/spec/index.ts index d65760b541..24cb54c86b 100644 --- a/packages/apps-config/src/api/spec/index.ts +++ b/packages/apps-config/src/api/spec/index.ts @@ -4,6 +4,7 @@ import acala from './acala'; import centrifugeChain from './centrifuge-chain'; +import testPara from './cumulus-test-parachain'; import edgeware from './edgeware'; import encointerNodeNotee from './encointer-node-notee'; import encointerNodeTeeproxy from './encointer-node-teeproxy'; @@ -14,6 +15,7 @@ import stablePoc from './stable-poc'; export default { acala, 'centrifuge-chain': centrifugeChain, + 'cumulus-test-parachain': testPara, edgeware, 'encointer-node': encointerNodeNotee, 'encointer-node-notee': encointerNodeNotee, diff --git a/packages/apps-config/src/settings/endpoints.ts b/packages/apps-config/src/settings/endpoints.ts index cd0ae3334f..d8d62d82c5 100644 --- a/packages/apps-config/src/settings/endpoints.ts +++ b/packages/apps-config/src/settings/endpoints.ts @@ -93,6 +93,29 @@ function createTest (t: TFunction): LinkOption[] { text: t('rpc.westend', 'Westend (Polkadot Testnet, hosted by Parity)', { ns: 'apps-config' }), value: 'wss://westend-rpc.polkadot.io' }, + { + info: 'rococo', + text: t('rpc.rococo', 'Rococo (Polkadot Testnet, hosted by Parity)', { ns: 'apps-config' }), + value: 'wss://rococo-rpc.polkadot.io' + }, + { + info: 'rococoTick', + isChild: true, + text: t('rpc.rococo.tick', 'Tick (Polkadot Testpara, hosted by Parity)', { ns: 'apps-config' }), + value: 'wss://tick-rpc.polkadot.io' + }, + { + info: 'rococoTrick', + isChild: true, + text: t('rpc.rococo.trick', 'Trick (Polkadot Testpara, hosted by Parity)', { ns: 'apps-config' }), + value: 'wss://trick-rpc.polkadot.io' + }, + { + info: 'rococoTrack', + isChild: true, + text: t('rpc.rococo.track', 'Track (Polkadot Testpara, hosted by Parity)', { ns: 'apps-config' }), + value: 'wss://track-rpc.polkadot.io' + }, // alphabetical based on chain name { info: 'nodle', diff --git a/packages/apps-config/src/ui/general/index.ts b/packages/apps-config/src/ui/general/index.ts index 969454725c..a1523d677a 100644 --- a/packages/apps-config/src/ui/general/index.ts +++ b/packages/apps-config/src/ui/general/index.ts @@ -8,6 +8,10 @@ const emptyColor = '#999'; const chainKulupu = '#003366'; const chainPolkadot = '#e6007a'; const chainKusama = '#000'; // '#d32e79'; +const chainRocco = '#b300b3'; +const chainRoccoTick = '#488025'; +const chainRoccoTrack = '#802548'; +const chainRoccoTrick = '#254880'; const chainWestend = '#da68a7'; const nodeCentrifuge = '#fcc367'; @@ -23,6 +27,10 @@ const chainColors: Record = [ ['Kusama CC3', chainKusama], ['Polkadot', chainPolkadot], ['Polkadot CC1', chainPolkadot], + ['Rococo', chainRocco], + ['Tick', chainRoccoTick], + ['Track', chainRoccoTrack], + ['Trick', chainRoccoTrick], ['Westend', chainWestend] ].reduce((colors, [chain, color]): Record => ({ ...colors, diff --git a/packages/apps-config/src/ui/logos/chains/rococo-tick.svg b/packages/apps-config/src/ui/logos/chains/rococo-tick.svg new file mode 100644 index 0000000000..28daf72373 --- /dev/null +++ b/packages/apps-config/src/ui/logos/chains/rococo-tick.svg @@ -0,0 +1,3 @@ + + +Untitled.svg diff --git a/packages/apps-config/src/ui/logos/chains/rococo-track.svg b/packages/apps-config/src/ui/logos/chains/rococo-track.svg new file mode 100644 index 0000000000..d695d1e2c7 --- /dev/null +++ b/packages/apps-config/src/ui/logos/chains/rococo-track.svg @@ -0,0 +1,3 @@ + + +Untitled.svg diff --git a/packages/apps-config/src/ui/logos/chains/rococo-trick.svg b/packages/apps-config/src/ui/logos/chains/rococo-trick.svg new file mode 100644 index 0000000000..011fef5201 --- /dev/null +++ b/packages/apps-config/src/ui/logos/chains/rococo-trick.svg @@ -0,0 +1,3 @@ + + +Untitled.svg diff --git a/packages/apps-config/src/ui/logos/chains/rococo.svg b/packages/apps-config/src/ui/logos/chains/rococo.svg new file mode 100644 index 0000000000..208d5a361a --- /dev/null +++ b/packages/apps-config/src/ui/logos/chains/rococo.svg @@ -0,0 +1,3 @@ + + +Untitled.svg \ No newline at end of file diff --git a/packages/apps-config/src/ui/logos/index.ts b/packages/apps-config/src/ui/logos/index.ts index 93f37ff13f..deec072e50 100644 --- a/packages/apps-config/src/ui/logos/index.ts +++ b/packages/apps-config/src/ui/logos/index.ts @@ -6,6 +6,10 @@ // anything for a specific chain, most would probably fit into the node category (but allow for chain-specific) import chainKusama from './chains/kusama-128.gif'; +import chainRococo from './chains/rococo.svg'; +import chainRococoTick from './chains/rococo-tick.svg'; +import chainRococoTrack from './chains/rococo-track.svg'; +import chainRococoTrick from './chains/rococo-trick.svg'; // defaults for the node type, assuming we don't have a specific chain, but rather match on the implementation import nodeAcala from './nodes/acala-circle.svg'; @@ -29,7 +33,11 @@ const chainLogos: Record = [ ['Kusama', chainKusama], // new name after CC3 ['Kusama CC1', chainKusama], ['Kusama CC2', chainKusama], - ['Kusama CC3', chainKusama] + ['Kusama CC3', chainKusama], + ['Rococo', chainRococo], + ['Tick', chainRococoTick], + ['Track', chainRococoTrack], + ['Trick', chainRococoTrick] ].reduce((logos, [chain, logo]): Record => ({ ...logos, [(chain as string).toLowerCase()]: logo @@ -64,6 +72,10 @@ const namedLogos: Record = { kusama: chainKusama, nodle: nodeNodle, polkadot: nodePolkadot, + rococo: chainRococo, + rococoTick: chainRococoTick, + rococoTrack: chainRococoTrack, + rococoTrick: chainRococoTrick, substrate: nodeSubstrate, westend: nodePolkadot };