From f34e74cb3a622ee1a815a52497c93b58efa67936 Mon Sep 17 00:00:00 2001
From: Egor_P <egor@parity.io>
Date: Tue, 6 Aug 2024 10:04:41 +0200
Subject: [PATCH] Add people chains to frontend (#790)

* Add Polkadot People chain

* signed metadata for people-polkadot chain

* Add people-kusama chain

* Add people networks to the frontend and fix collectives westend
---
 config.toml                 | 15 +++++++++++++++
 src/assets/icons/people.svg | 29 +++++++++++++++++++++++++++++
 src/icons.ts                |  5 ++++-
 3 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/icons/people.svg

diff --git a/config.toml b/config.toml
index 15ed886a8..675da4fc6 100644
--- a/config.toml
+++ b/config.toml
@@ -36,6 +36,13 @@ rpc_endpoint = "wss://polkadot-collectives-rpc.polkadot.io"
 color = "#e6777a"
 relay_chain = "polkadot"
 
+[[chains]]
+name = "people-polkadot"
+title = "People"
+rpc_endpoint = "wss://polkadot-people-rpc.polkadot.io"
+color = "#000000"
+relay_chain = "polkadot"
+
 [[chains]]
 name = "kusama"
 rpc_endpoint = "wss://kusama-rpc.polkadot.io"
@@ -66,6 +73,13 @@ rpc_endpoint = "wss://kusama.api.encointer.org"
 color = "#0000cc"
 relay_chain = "kusama"
 
+[[chains]]
+name = "people-kusama"
+title = "People"
+rpc_endpoint = "wss://kusama-people-rpc.polkadot.io"
+color = "#000000"
+relay_chain = "kusama"
+
 [[chains]]
 name = "westend"
 rpc_endpoint = "wss://westend-rpc.polkadot.io"
@@ -85,6 +99,7 @@ relay_chain = "westend"
 
 [[chains]]
 name = "collectives-westend"
+title = "Collectives"
 rpc_endpoint = "wss://westend-collectives-rpc.polkadot.io"
 color = "#e6777a"
 relay_chain = "westend"
diff --git a/src/assets/icons/people.svg b/src/assets/icons/people.svg
new file mode 100644
index 000000000..e38849e6c
--- /dev/null
+++ b/src/assets/icons/people.svg
@@ -0,0 +1,29 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5_3)">
+<path d="M28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z" fill="#020202"/>
+<path d="M28.5 15C30.9853 15 33 12.9853 33 10.5C33 8.01472 30.9853 6 28.5 6C26.0147 6 24 8.01472 24 10.5C24 12.9853 26.0147 15 28.5 15Z" fill="white"/>
+<path d="M43.5 23C45.9853 23 48 20.9853 48 18.5C48 16.0147 45.9853 14 43.5 14C41.0147 14 39 16.0147 39 18.5C39 20.9853 41.0147 23 43.5 23Z" fill="white"/>
+<path d="M43.5 42C45.9853 42 48 39.9853 48 37.5C48 35.0147 45.9853 33 43.5 33C41.0147 33 39 35.0147 39 37.5C39 39.9853 41.0147 42 43.5 42Z" fill="white"/>
+<path d="M12.5 23C14.9853 23 17 20.9853 17 18.5C17 16.0147 14.9853 14 12.5 14C10.0147 14 8 16.0147 8 18.5C8 20.9853 10.0147 23 12.5 23Z" fill="white"/>
+<path d="M12.5 42C14.9853 42 17 39.9853 17 37.5C17 35.0147 14.9853 33 12.5 33C10.0147 33 8 35.0147 8 37.5C8 39.9853 10.0147 42 12.5 42Z" fill="white"/>
+<path d="M28.5 50C30.9853 50 33 47.9853 33 45.5C33 43.0147 30.9853 41 28.5 41C26.0147 41 24 43.0147 24 45.5C24 47.9853 26.0147 50 28.5 50Z" fill="white"/>
+<g filter="url(#filter0_d_5_3)">
+<path d="M31.712 20C33.184 20 34.448 20.256 35.504 20.768C36.576 21.264 37.392 21.968 37.952 22.88C38.528 23.792 38.816 24.856 38.816 26.072C38.816 27.288 38.528 28.352 37.952 29.264C37.392 30.176 36.576 30.888 35.504 31.4C34.448 31.896 33.184 32.144 31.712 32.144H23.84V28.472H31.472C32.336 28.472 33.016 28.264 33.512 27.848C34.008 27.416 34.256 26.824 34.256 26.072C34.256 25.32 34.008 24.736 33.512 24.32C33.016 23.888 32.336 23.672 31.472 23.672H24.248L26.288 21.56V38H21.752V20H31.712Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_5_3" x="17.752" y="20" width="25.064" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5_3"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5_3" result="shape"/>
+</filter>
+<clipPath id="clip0_5_3">
+<rect width="56" height="56" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/icons.ts b/src/icons.ts
index 7b3dd75df..8f3fb0819 100644
--- a/src/icons.ts
+++ b/src/icons.ts
@@ -8,19 +8,22 @@ import westendSrc from "./assets/icons/westend.svg";
 import rococoSrc from "./assets/icons/rococo.svg";
 import { nodesEncointerBlueSVG } from "./assets/icons/encointer-SVG";
 import { contractsPNG } from "./assets/icons/contracts-PNG";
+import peopleSrc from "./assets/icons/people.svg";
 
 const ICONS = {
   polkadot: polkadotSrc,
   "polkadot-statemint": assetHubSrc,
   "polkadot-bridge-hub-polkadot": bridgeHubSrc,
   "polkadot-collectives": collectivesSrc,
+  "polkadot-people-polkadot": peopleSrc,
   kusama: kusamaSrc,
   "kusama-statemine": assetHubSrc,
   "kusama-bridge-hub-kusama": bridgeHubBlackSrc,
   "kusama-encointer-parachain": nodesEncointerBlueSVG,
+  "kusama-people-kusama": peopleSrc,
   westend: westendSrc,
   "westend-westmint": assetHubSrc,
-  "westend-collectives": collectivesSrc,
+  "westend-collectives-westend": collectivesSrc,
   rococo: rococoSrc,
   "rococo-statemine": assetHubSrc,
   "rococo-bridge-hub-rococo": bridgeHubBlackSrc,