add sakura node (#5403)

* add sakura node

* fix sakura ordering

Co-authored-by: superpw <pangwa+clover@gmail.com>

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

@@ -95,6 +95,14 @@ export function createKusama (t: TFunction): EndpointOption {
           'KILT Protocol': 'wss://mainnet.kilt.io/'
         }
       },
+      {
+        info: 'sakura',
+        paraId: 2016,
+        text: t('rpc.kusama.sakura', 'Sakura', { ns: 'apps-config' }),
+        providers: {
+          Clover: 'wss://api-sakura.clover.finance'
+        }
+      },
       {
         info: 'sherpax',
         paraId: 2013,

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

@@ -59,6 +59,7 @@ const chainRoccoTick = '#22bb22';
 const chainRoccoTrack = '#bb2222';
 const chainRoccoTrick = '#2222bb';
 const chainRiochain = '#4d87f6';
+const chainSakura = '#ff5995';
 const chainShadow = '#ffa940';
 const chainSnakenet = '#f653a2';
 const chainStatemine = '#111';
@@ -212,6 +213,7 @@ export const chainColors: Record<string, string> = [
   ['Rococo', chainRocco],
   ['RioChain CC-1', chainRiochain],
   ['Riochain Staging', chainRiochain],
+  ['Sakura', chainSakura],
   ['Shadow', chainShadow],
   ['sherpax', chainChainx],
   ['Statemine', chainStatemine],

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

@@ -85,6 +85,7 @@ import nodePrism from './nodes/prism.png';
 import nodeRealis from './nodes/realis.png';
 import nodeRiochain from './nodes/riochain.svg';
 import nodeRobonomics from './nodes/robonomics.svg';
+import nodeSakura from './nodes/sakura.svg';
 import nodeShadow from './nodes/shadow.svg';
 import nodeShell from './nodes/shell.svg';
 import nodeSora from './nodes/sora-substrate.svg';
@@ -284,6 +285,7 @@ export const nodeLogos: Record<string, unknown> = [
   ['ReAlis Network', nodeRealis],
   ['Rio Defi Chain Node', nodeRiochain],
   ['RioChain Staging', nodeRiochain],
+  ['Sakura', nodeSakura],
   ['Shadow', nodeShadow],
   ['SORA', nodeSora],
   ['Stafi Node', nodeStafi],
@@ -444,6 +446,7 @@ export const namedLogos: Record<string, unknown> = {
   rococoVln: nodeVln,
   rococoZeitgeist: nodeZeitgeist,
   rococoZenlink: nodeZenlink,
+  sakura: nodeSakura,
   shadow: nodeShadow,
   shell: nodeShell,
   sherpax: nodeChainx,

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

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 43 43" style="enable-background:new 0 0 43 43;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F9FFF3;}
+	.st1{fill:#ff5995;}
+</style>
+<title>clover</title>
+<circle class="st0" cx="21.5" cy="21.5" r="21.2"/>
+<path class="st1" d="M27.1,21.5c-3.1,0-5.6-2.5-5.6-5.6c0,3.1-2.5,5.5-5.6,5.6c3.1,0,5.6,2.5,5.6,5.6C21.5,24,24,21.5,27.1,21.5
+	L27.1,21.5z M21.5,27.5c0,3.3-2.7,6-6,6s-6-2.7-6-6s2.7-6,6-6c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6c0-3.3,2.7-6,6-6s6,2.7,6,6
+	s-2.7,6-6,6c3.3,0,6,2.7,6,6s-2.7,6-6,6S21.5,30.8,21.5,27.5L21.5,27.5z"/>
+</svg>

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

@@ -17,6 +17,7 @@
   "rpc.kusama.khala": "Khala Network",
   "rpc.kusama.kilt": "KILT Mainnet",
   "rpc.kusama.parity": "Kusama",
+  "rpc.kusama.sakura": "Sakura",
   "rpc.kusama.shadow": "Crust Shadow",
   "rpc.kusama.shell": "Shell",
   "rpc.kusama.sherpax": "SherpaX",
@@ -152,4 +153,4 @@
   "rpc.westend.shell": "Shell",
   "ss58.default": "Default for the connected node",
   "testnet.kylin-node.co.uk": "Kylin Testnet"
-}
+}