diff --git a/packages/frontend/src/components/Chains.css b/packages/frontend/src/components/Chains.css index 9fd37d4..7d49382 100644 --- a/packages/frontend/src/components/Chains.css +++ b/packages/frontend/src/components/Chains.css @@ -32,14 +32,11 @@ } .Chains-fork-me .Icon { - font-size: 24px; + font-size: 28px; margin: 0; - height: 24px; - width: 24px; - background: #3c3c3b; - border: 2px solid #3c3c3b; - border-radius: 24px; - color: #ccc; + height: 28px; + width: 28px; + color: #3c3c3b; } .Chains-node-count { diff --git a/packages/frontend/src/components/Node/Row.tsx b/packages/frontend/src/components/Node/Row.tsx index c8f6b87..54b62c8 100644 --- a/packages/frontend/src/components/Node/Row.tsx +++ b/packages/frontend/src/components/Node/Row.tsx @@ -22,6 +22,7 @@ import cpuIcon from '../../icons/microchip-solid.svg'; import memoryIcon from '../../icons/memory-solid.svg'; import parityPolkadotIcon from '../../icons/dot.svg'; +import paritySubstrateIcon from '../../icons/parity-substrate.svg'; import unknownImplementationIcon from '../../icons/question-solid.svg'; import './Row.css'; @@ -83,7 +84,9 @@ export default class Row extends React.Component { render: ({ nodeDetails }) => { const [, implementation, version] = nodeDetails; const [semver] = version.match(SEMVER_PATTERN) || [version]; - const implIcon = implementation === 'parity-polkadot' ? parityPolkadotIcon : unknownImplementationIcon; + const implIcon = implementation === 'parity-polkadot' ? parityPolkadotIcon + : implementation === 'substrate-node' ? paritySubstrateIcon + : unknownImplementationIcon; return {semver}; } diff --git a/packages/frontend/src/icons/parity-substrate.svg b/packages/frontend/src/icons/parity-substrate.svg new file mode 100644 index 0000000..f842fc0 --- /dev/null +++ b/packages/frontend/src/icons/parity-substrate.svg @@ -0,0 +1 @@ +