added picasso mainnet (#6033)

* added picasso mainnet

* fixed lint for productionRelayKusama.ts

* before picasso

* sorted

* sorted

* .

* ran lint

Co-authored-by: composabledev <composabledev@composable.finance>
Co-authored-by: Cosmin <cosmingrigore@192-168-0-190.rdsnet.ro>
Co-authored-by: Cosmin <cosmingrigore@Cosmins-MacBook-Air.local>

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

@@ -205,6 +205,15 @@ export function createKusama (t: TFunction): EndpointOption {
           Parallel: 'wss://heiko-rpc-0.parallel.fi'
         }
       },
+      {
+        info: 'picasso',
+        homepage: 'https://picasso.composable.finance/',
+        paraId: 2087,
+        text: t('rpc.kusama.picasso', 'Picasso', { ns: 'apps-config' }),
+        providers: {
+          Composable: 'wss://picasso-rpc.composable.finance'
+        }
+      },
       {
         info: 'polkasmith',
         homepage: 'https://polkasmith.polkafoundry.com/',

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

@@ -17,6 +17,7 @@ const chainAleph = '#00CCAB';
 const chainApron = 'linear-gradient(45deg, #0099F7 0%, #2E49EB 100%)';
 const chainBitCountry = '#191a2e';
 const chainBeastEave = '#900048';
+const chainComposable = '#FF8500';
 const chainCrab = '#7C30DD';
 const chainCrust = '#ff8812';
 const chainCrustMaxwell = '#2E333B';
@@ -172,6 +173,7 @@ export const chainColors: Record<string, string> = Object.entries({
   'Bit.Country Tewai Chain': chainBitCountry,
   ChainX: chainChainx,
   Clover: chainClover,
+  Composable: chainComposable,
   crust: chainCrust,
   'crust maxwell': chainCrustMaxwell,
   'Crust PC1': chainCrust,

packages/apps-config/src/ui/logos/chains/picasso.svg

@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" rx="24" fill="url(#paint0_linear)"/>
+<rect width="48" height="48" rx="24" fill="#120901"/>
+<path d="M30.2158 23.5225C29.9928 23.5225 29.7697 23.5503 29.5746 23.6619C29.3237 23.8291 29.1285 24.2194 29.1285 24.5818C29.1285 24.8885 29.4073 25.2788 29.714 25.4461C30.5782 25.8921 31.4982 24.8885 31.0522 24.0522C30.9128 23.7455 30.5504 23.5503 30.2158 23.5225Z" fill="#FF8500"/>
+<path d="M23.2322 17.5565C23.5388 17.6122 23.9849 18.6716 24.0685 19.5637C24.0964 19.7589 24.0685 20.1771 24.0685 20.4837C24.0406 20.9577 23.9849 21.0971 23.8176 21.3201C23.4552 21.8498 22.7861 22.1843 21.9219 22.2401C21.671 22.268 21.2528 22.2958 21.0297 22.2958C20.6673 22.268 20.6394 22.268 20.6952 22.1286C20.7231 22.0728 20.8067 21.8777 20.8625 21.7104C21.2249 20.5953 22.0334 18.811 22.4516 18.2535C22.7303 17.8353 23.0649 17.5286 23.2322 17.5565ZM22.9534 15.1311C22.814 15.1311 22.6467 15.1589 22.3958 15.2426C22.0334 15.3541 21.6988 15.5492 21.3922 15.8001C20.9461 16.1347 20.8904 16.1626 20.8625 16.0232C20.8346 15.8001 20.4722 15.4935 20.1376 15.4656C19.8031 15.4098 19.3849 15.5771 19.2176 15.828C19.134 15.9395 18.911 16.302 18.6879 16.6644C18.2976 17.3335 18.1582 17.8074 18.2976 18.0862C18.3813 18.2535 18.3534 18.4486 18.1025 19.6474C17.6564 21.8219 16.9316 26.3104 16.9316 27.1746C16.9037 29.1261 16.9316 30.9661 16.9595 31.3285C17.0431 31.8861 17.2383 32.2764 17.6007 32.5273C17.9631 32.7782 18.1582 32.834 18.5485 32.7224C18.9388 32.6388 19.134 32.4994 19.357 32.1927C19.6079 31.8303 19.6637 31.44 19.6637 29.7394C19.6358 27.6764 19.9146 24.4146 20.0819 24.2195C20.1376 24.1916 20.5 24.1637 20.9182 24.2195C22.4794 24.3589 23.7618 24.0801 24.7376 23.3552C25.797 22.5746 26.243 21.6825 26.3267 20.1771C26.4103 18.1977 25.7691 16.4413 24.6261 15.5492C24.2637 15.2983 24.1521 15.2704 23.5946 15.1868C23.3158 15.1311 23.1206 15.1032 22.9534 15.1311Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear" x1="24" y1="-1.18095" x2="22.9068" y2="48.5093" gradientUnits="userSpaceOnUse">
+<stop stop-color="#020100"/>
+<stop offset="1" stop-color="#1B0E00"/>
+</linearGradient>
+</defs>
+</svg>

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

@@ -19,6 +19,7 @@ import chainHydrate from './chains/hydrate.png';
 import chainInterBTC from './chains/interbtc.png';
 import chainKarura from './chains/karura.svg';
 import chainKusama from './chains/kusama-128.gif';
+import chainComposable from './chains/picasso.svg';
 import chainRococo from './chains/rococo.svg';
 import chainRococoTick from './chains/rococo-tick.svg';
 import chainRococoTrack from './chains/rococo-track.svg';
@@ -131,8 +132,8 @@ import nodeZCloak from './nodes/zCloak.svg';
 import nodeZeitgeist from './nodes/zeitgeist.png';
 import nodeZenlink from './nodes/zenlink.svg';
 import nodeZero from './nodes/zero.svg';
-// last-resort fallback, just something empty
 import emptyLogo from './empty.svg';
+// last-resort fallback, just something empty
 
 // Alphabetical overrides based on the actual matched chain name
 // NOTE: This is as retrieved via system.chain RPC
@@ -481,6 +482,7 @@ export const namedLogos: Record<string, unknown> = {
   pangolin: nodePangolin,
   phala: nodePhala,
   phoenix: nodePhoenix,
+  picasso: chainComposable,
   plasm: nodePlasm,
   polkadex: nodePolkadex,
   polkadot: nodePolkadot,

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

@@ -31,6 +31,7 @@
   "rpc.kusama.mars": "Mars",
   "rpc.kusama.moonriver": "Moonriver",
   "rpc.kusama.parity": "Kusama",
+  "rpc.kusama.picasso": "Picasso",
   "rpc.kusama.polkasmith": "PolkaSmith by PolkaFoundry",
   "rpc.kusama.robonomics": "Robonomics",
   "rpc.kusama.sakura": "Sakura",