Add asset hub logos (#9593)

* Add asset hub logos

* Sort common/system parachains
This commit is contained in:
Jaco 2023-06-16 11:27:19 +03:00 committed by GitHub
parent def6026aa0
commit de76b40dc7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 95 additions and 59 deletions

View File

@ -49,7 +49,7 @@ describe('urls are sorted', (): void => {
return !hasDevelopment;
});
filtered.forEach(({ isHeader, text, textBy }, index): void => {
filtered.forEach(({ isHeader, paraId, text, textBy }, index): void => {
if (isHeader) {
lastHeader = text as string;
} else {
@ -57,7 +57,14 @@ describe('urls are sorted', (): void => {
assert((
filtered[index - 1].isHeader ||
filtered[index - 1].linked ||
(isNumber(filtered[index - 1].paraId) && (filtered[index - 1].paraId as number) < 2000) ||
(
isNumber(filtered[index - 1].paraId) &&
(
(filtered[index - 1].paraId as number) < 2000
? isNumber(paraId) && paraId >= 2000
: false
)
) ||
filtered[index - 1].text === '' ||
text === filtered[index - 1].text ||
(text as string).localeCompare(filtered[index - 1].text as string) === 1

View File

@ -5,7 +5,7 @@ import type { EndpointOption } from './types.js';
import { KUSAMA_GENESIS } from '../api/constants.js';
import { chainsAbandPNG, chainsAltairSVG, chainsAmplitudeSVG, chainsDorafactoryPNG, chainsGenshiroSVG, chainsGmJPEG, chainsKaruraSVG, chainsKicoPNG, chainsKintsugiPNG, chainsKusamaSVG, chainsListenPNG, chainsMangataPNG, chainsRiodefiPNG, chainsShidenPNG, chainsTinkerPNG, chainsTuringPNG, chainsUnorthodoxPNG } from '../ui/logos/chains/index.js';
import { nodesApronPNG, nodesAresMarsPNG, nodesBajunPNG, nodesBasiliskPNG, nodesBifrostSVG, nodesBitcountryPNG, nodesBridgeHubBlackSVG, nodesCalamariPNG, nodesCrabSVG, nodesDatahighwayPNG, nodesEncointerBlueSVG, nodesImbuePNG, nodesIntegriteeSVG, nodesIpciSVG, nodesKabochaSVG, nodesKhalaSVG, nodesKrestPNG, nodesLitmusPNG, nodesLoomNetworkPNG, nodesMoonriverSVG, nodesParallelSVG, nodesPicassoPNG, nodesPichiuPNG, nodesPolkasmithSVG, nodesQuartzPNG, nodesRobonomicsSVG, nodesSakuraSVG, nodesShadowSVG, nodesSnowPNG, nodesSoraSubstrateSVG, nodesStatemineSVG, nodesSubgameSVG, nodesSubsocialXSVG, nodesTrustbasePNG, nodesZeroSVG } from '../ui/logos/nodes/index.js';
import { nodesApronPNG, nodesAresMarsPNG, nodesAssetHubSVG, nodesBajunPNG, nodesBasiliskPNG, nodesBifrostSVG, nodesBitcountryPNG, nodesBridgeHubBlackSVG, nodesCalamariPNG, nodesCrabSVG, nodesDatahighwayPNG, nodesEncointerBlueSVG, nodesImbuePNG, nodesIntegriteeSVG, nodesIpciSVG, nodesKabochaSVG, nodesKhalaSVG, nodesKrestPNG, nodesLitmusPNG, nodesLoomNetworkPNG, nodesMoonriverSVG, nodesParallelSVG, nodesPicassoPNG, nodesPichiuPNG, nodesPolkasmithSVG, nodesQuartzPNG, nodesRobonomicsSVG, nodesSakuraSVG, nodesShadowSVG, nodesSnowPNG, nodesSoraSubstrateSVG, nodesSubgameSVG, nodesSubsocialXSVG, nodesTrustbasePNG, nodesZeroSVG } from '../ui/logos/nodes/index.js';
import { getTeleports } from './util.js';
// The available endpoints that will show in the dropdown. For the most part (with the exception of
@ -790,7 +790,21 @@ export const prodParasKusamaCommon: EndpointOption[] = [
text: 'AssetHub',
ui: {
color: '#113911',
logo: nodesStatemineSVG
logo: nodesAssetHubSVG
}
},
{
info: 'kusamaBridgeHub',
paraId: 1002,
providers: {
'IBP-GeoDNS1': 'wss://sys.ibp.network/bridgehub-kusama',
'IBP-GeoDNS2': 'wss://sys.dotters.network/bridgehub-kusama',
Parity: 'wss://kusama-bridge-hub-rpc.polkadot.io',
Stakeworld: 'wss://ksm-rpc.stakeworld.io/bridgehub'
},
text: 'BridgeHub',
ui: {
logo: nodesBridgeHubBlackSVG
}
},
{
@ -809,20 +823,6 @@ export const prodParasKusamaCommon: EndpointOption[] = [
color: '#0000cc',
logo: nodesEncointerBlueSVG
}
},
{
info: 'kusamaBridgeHub',
paraId: 1002,
providers: {
'IBP-GeoDNS1': 'wss://sys.ibp.network/bridgehub-kusama',
'IBP-GeoDNS2': 'wss://sys.dotters.network/bridgehub-kusama',
Parity: 'wss://kusama-bridge-hub-rpc.polkadot.io',
Stakeworld: 'wss://ksm-rpc.stakeworld.io/bridgehub'
},
text: 'BridgeHub',
ui: {
logo: nodesBridgeHubBlackSVG
}
}
];

View File

@ -5,7 +5,7 @@ import type { EndpointOption } from './types.js';
import { POLKADOT_GENESIS } from '../api/constants.js';
import { chainsAcalaSVG, chainsBitgreenPNG, chainsComposableFinancePNG, chainsEquilibriumSVG, chainsFrequencySVG, chainsGeminisPNG, chainsInvarchJPEG, chainsOakPNG, chainsOrigintrailPNG, chainsPeaqPNG, chainsPendulumSVG, chainsPolkadotCircleSVG, chainsSnakenetSVG, chainsTotemSVG, chainsWatrPNG } from '../ui/logos/chains/index.js';
import { nodesAjunaPNG, nodesAresOdysseySVG, nodesAstarPNG, nodesAventusSVG, nodesBifrostSVG, nodesBridgeHubSVG, nodesCentrifugePNG, nodesCloverSVG, nodesCoinversationPNG, nodesCrustParachainSVG, nodesDarwiniaSVG, nodesEfinitySVG, nodesHashedPNG, nodesIntegriteeSVG, nodesInterlaySVG, nodesKiltPNG, nodesKylinPNG, nodesLitentryPNG, nodesMantaPNG, nodesMoonbeamSVG, nodesNodleSVG, nodesOmnibtcSVG, nodesParallelSVG, nodesPhalaSVG, nodesPolkadexSVG, nodesSoraSubstrateSVG, nodesStatemineSVG, nodesSubdaoPNG, nodesSubgameSVG, nodesSubsocialSVG, nodesT3rnPNG, nodesUniqueSVG, nodesZeitgeistPNG } from '../ui/logos/nodes/index.js';
import { nodesAjunaPNG, nodesAresOdysseySVG, nodesAssetHubSVG, nodesAstarPNG, nodesAventusSVG, nodesBifrostSVG, nodesBridgeHubSVG, nodesCentrifugePNG, nodesCloverSVG, nodesCoinversationPNG, nodesCrustParachainSVG, nodesDarwiniaSVG, nodesEfinitySVG, nodesHashedPNG, nodesIntegriteeSVG, nodesInterlaySVG, nodesKiltPNG, nodesKylinPNG, nodesLitentryPNG, nodesMantaPNG, nodesMoonbeamSVG, nodesNodleSVG, nodesOmnibtcSVG, nodesParallelSVG, nodesPhalaSVG, nodesPolkadexSVG, nodesSoraSubstrateSVG, nodesSubdaoPNG, nodesSubgameSVG, nodesSubsocialSVG, nodesT3rnPNG, nodesUniqueSVG, nodesZeitgeistPNG } from '../ui/logos/nodes/index.js';
import { getTeleports } from './util.js';
// The available endpoints that will show in the dropdown. For the most part (with the exception of
@ -678,7 +678,19 @@ export const prodParasPolkadotCommon: EndpointOption[] = [
text: 'AssetHub',
ui: {
color: '#86e62a',
logo: nodesStatemineSVG
logo: nodesAssetHubSVG
}
},
{
info: 'polkadotBridgeHub',
paraId: 1002,
providers: {
Parity: 'wss://polkadot-bridge-hub-rpc.polkadot.io',
Stakeworld: 'wss://dot-rpc.stakeworld.io/bridgehub'
},
text: 'BridgeHub',
ui: {
logo: nodesBridgeHubSVG
}
},
{
@ -698,18 +710,6 @@ export const prodParasPolkadotCommon: EndpointOption[] = [
color: '#e6777a',
logo: 'fa;people-group'
}
},
{
info: 'polkadotBridgeHub',
paraId: 1002,
providers: {
Parity: 'wss://polkadot-bridge-hub-rpc.polkadot.io',
Stakeworld: 'wss://dot-rpc.stakeworld.io/bridgehub'
},
text: 'BridgeHub',
ui: {
logo: nodesBridgeHubSVG
}
}
];

View File

@ -5,7 +5,7 @@ import type { EndpointOption } from './types.js';
import { ROCOCO_GENESIS } from '../api/constants.js';
import { chainsAcurastPNG, chainsAmplitudeSVG, chainsBitgreenPNG, chainsFrequencySVG, chainsGenshiroSVG, chainsHydratePNG, chainsIdiyanaleLogoWhiteSVG, chainsJurPNG, chainsMangataPNG, chainsMoonsamaPNG, chainsOrigintrailTestnetPNG, chainsRococoSVG, chainsSnowbridgePNG, chainsT0rnPNG, chainsTanglePNG, chainsTinkerPNG, chainsTotemSVG, chainsTuringPNG, chainsVirtoPNG, chainsWatrPNG } from '../ui/logos/chains/index.js';
import { nodesArcticPNG, nodesAventusSVG, nodesBajunPNG, nodesBasiliskPNG, nodesBasiliskRococoBgPNG, nodesBifrostSVG, nodesBridgeHubBlackSVG, nodesCentrifugePNG, nodesConftiSVG, nodesCrustParachainSVG, nodesDatahighwayPNG, nodesDolphinSVG, nodesEncointerBlueSVG, nodesGiantPNG, nodesHelixstreetPNG, nodesImbuePNG, nodesIntegriteeSVG, nodesKabochaSVG, nodesKiltPNG, nodesLitentryRococoPNG, nodesMd5PNG, nodesNodleSVG, nodesOliSVG, nodesPangolinSVG, nodesPhalaSVG, nodesPicassoPNG, nodesPolkadexSVG, nodesRobonomicsSVG, nodesRocfinitySVG, nodesSocietalSVG, nodesSoonsocialXPNG, nodesSoraSubstrateSVG, nodesStatemineSVG, nodesSubstrateContractsNodePNG, nodesUnitnetworkPNG, nodesZeitgeistPNG, nodesZeroSVG } from '../ui/logos/nodes/index.js';
import { nodesArcticPNG, nodesAssetHubSVG, nodesAventusSVG, nodesBajunPNG, nodesBasiliskPNG, nodesBasiliskRococoBgPNG, nodesBifrostSVG, nodesBridgeHubBlackSVG, nodesCentrifugePNG, nodesConftiSVG, nodesCrustParachainSVG, nodesDatahighwayPNG, nodesDolphinSVG, nodesEncointerBlueSVG, nodesGiantPNG, nodesHelixstreetPNG, nodesImbuePNG, nodesIntegriteeSVG, nodesKabochaSVG, nodesKiltPNG, nodesLitentryRococoPNG, nodesMd5PNG, nodesNodleSVG, nodesOliSVG, nodesPangolinSVG, nodesPhalaSVG, nodesPicassoPNG, nodesPolkadexSVG, nodesRobonomicsSVG, nodesRocfinitySVG, nodesSocietalSVG, nodesSoonsocialXPNG, nodesSoraSubstrateSVG, nodesSubstrateContractsNodePNG, nodesUnitnetworkPNG, nodesZeitgeistPNG, nodesZeroSVG } from '../ui/logos/nodes/index.js';
import { getTeleports } from './util.js';
// The available endpoints that will show in the dropdown. For the most part (with the exception of
@ -638,7 +638,19 @@ export const testParasRococoCommon: EndpointOption[] = [
text: 'AssetHub',
ui: {
color: '#77bb77',
logo: nodesStatemineSVG
logo: nodesAssetHubSVG
}
},
{
info: 'rococoBridgehub',
paraId: 1013,
providers: {
Parity: 'wss://rococo-bridge-hub-rpc.polkadot.io'
},
teleport: [-1],
text: 'Bridgehub',
ui: {
logo: nodesBridgeHubBlackSVG
}
},
{
@ -667,18 +679,6 @@ export const testParasRococoCommon: EndpointOption[] = [
color: '#0000cc',
logo: nodesEncointerBlueSVG
}
},
{
info: 'rococoBridgehub',
paraId: 1013,
providers: {
Parity: 'wss://rococo-bridge-hub-rpc.polkadot.io'
},
teleport: [-1],
text: 'Bridgehub',
ui: {
logo: nodesBridgeHubBlackSVG
}
}
];

View File

@ -5,7 +5,7 @@ import type { EndpointOption } from './types.js';
import { WESTEND_GENESIS } from '../api/constants.js';
import { chainsKaruraSVG, chainsStandardPNG } from '../ui/logos/chains/index.js';
import { nodesBridgeHubSVG, nodesCentrifugePNG, nodesIntegriteeSVG, nodesInterlaySVG, nodesKhalaSVG, nodesKiltPNG, nodesKylinPNG, nodesMoonshadowPNG, nodesStatemineSVG, nodesWestendColourSVG } from '../ui/logos/nodes/index.js';
import { nodesAssetHubSVG, nodesBridgeHubSVG, nodesCentrifugePNG, nodesIntegriteeSVG, nodesInterlaySVG, nodesKhalaSVG, nodesKiltPNG, nodesKylinPNG, nodesMoonshadowPNG, nodesWestendColourSVG } from '../ui/logos/nodes/index.js';
import { getTeleports } from './util.js';
// The available endpoints that will show in the dropdown. For the most part (with the exception of
@ -139,7 +139,18 @@ export const testParasWestendCommon: EndpointOption[] = [
text: 'AssetHub',
ui: {
color: '#77bb77',
logo: nodesStatemineSVG
logo: nodesAssetHubSVG
}
},
{
info: 'westendBridgeHub',
paraId: 1002,
providers: {
// Parity: 'wss://westend-bridge-hub-rpc.polkadot.io' // https://github.com/polkadot-js/apps/issues/9348
},
text: 'BridgeHub',
ui: {
logo: nodesBridgeHubSVG
}
},
{
@ -156,17 +167,6 @@ export const testParasWestendCommon: EndpointOption[] = [
color: '#e6777a',
logo: 'fa;people-group'
}
},
{
info: 'westendBridgeHub',
paraId: 1002,
providers: {
// Parity: 'wss://westend-bridge-hub-rpc.polkadot.io' // https://github.com/polkadot-js/apps/issues/9348
},
text: 'BridgeHub',
ui: {
logo: nodesBridgeHubSVG
}
}
];

View File

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 27.2.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 640 640" style="enable-background:new 0 0 640 640;" xml:space="preserve">
<style type="text/css">
.st0{fill:#321D47;}
.st1{fill:#FFFFFF;}
.st2{fill:#E6007A;}
</style>
<g>
<path class="st0" d="M637.3,319.3c0,175.2-142,317.3-317.3,317.3S2.7,494.6,2.7,319.3S144.8,2.1,320,2.1S637.3,144.1,637.3,319.3z"
/>
<path class="st1" d="M444.2,392.4h-67.6l-12.7-31h-85.8l-12.7,31h-67.6l80.9-184.3h84.5L444.2,392.4z M321.1,256l-22.4,55h44.7
L321.1,256z"/>
<circle class="st2" cx="321" cy="122.1" r="46.9"/>
<circle class="st2" cx="321" cy="517.1" r="46.9"/>
<circle class="st2" cx="147.8" cy="216" r="46.9"/>
<circle class="st2" cx="494.3" cy="216" r="46.9"/>
<circle class="st2" cx="147.8" cy="424.8" r="46.9"/>
<circle class="st2" cx="494.3" cy="424.8" r="46.9"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1,6 @@
// Copyright 2017-2023 @polkadot/apps authors & contributors
// SPDX-License-Identifier: Apache-2.0
// Do not edit. Auto-generated via node scripts/imgConvert.mjs
export const nodesAssetHubSVG = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2NDAgNjQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NDAgNjQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzMyMUQ0Nzt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qye2ZpbGw6I0U2MDA3QTt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTYzNy4zLDMxOS4zYzAsMTc1LjItMTQyLDMxNy4zLTMxNy4zLDMxNy4zUzIuNyw0OTQuNiwyLjcsMzE5LjNTMTQ0LjgsMi4xLDMyMCwyLjFTNjM3LjMsMTQ0LjEsNjM3LjMsMzE5LjN6IgoJCS8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDQ0LjIsMzkyLjRoLTY3LjZsLTEyLjctMzFoLTg1LjhsLTEyLjcsMzFoLTY3LjZsODAuOS0xODQuM2g4NC41TDQ0NC4yLDM5Mi40eiBNMzIxLjEsMjU2bC0yMi40LDU1aDQ0LjcKCQlMMzIxLjEsMjU2eiIvPgoJPGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMzIxIiBjeT0iMTIyLjEiIHI9IjQ2LjkiLz4KCTxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjMyMSIgY3k9IjUxNy4xIiByPSI0Ni45Ii8+Cgk8Y2lyY2xlIGNsYXNzPSJzdDIiIGN4PSIxNDcuOCIgY3k9IjIxNiIgcj0iNDYuOSIvPgoJPGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iNDk0LjMiIGN5PSIyMTYiIHI9IjQ2LjkiLz4KCTxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjE0Ny44IiBjeT0iNDI0LjgiIHI9IjQ2LjkiLz4KCTxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjQ5NC4zIiBjeT0iNDI0LjgiIHI9IjQ2LjkiLz4KPC9nPgo8L3N2Zz4K';

View File

@ -10,6 +10,7 @@ export { nodesAresGladiosSVG } from './generated/ares-gladiosSVG.js';
export { nodesAresMarsPNG } from './generated/ares-marsPNG.js';
export { nodesAresOdysseySVG } from './generated/ares-odysseySVG.js';
export { nodesAresPNG } from './generated/aresPNG.js';
export { nodesAssetHubSVG } from './generated/assetHubSVG.js';
export { nodesAstarPNG } from './generated/astarPNG.js';
export { nodesAutomataPNG } from './generated/automataPNG.js';
export { nodesAventusSVG } from './generated/aventusSVG.js';