From ae814858541ad14cbd2124669fa42c48b20e2c0e Mon Sep 17 00:00:00 2001
From: Maciej Hirsz <1096222+maciejhirsz@users.noreply.github.com>
Date: Thu, 27 Sep 2018 19:47:14 +0200
Subject: [PATCH] Show substrate logo for node-substrate (#59)

---
 packages/frontend/src/components/Chains.css      | 11 ++++-------
 packages/frontend/src/components/Node/Row.tsx    |  5 ++++-
 packages/frontend/src/icons/parity-substrate.svg |  1 +
 3 files changed, 9 insertions(+), 8 deletions(-)
 create mode 100644 packages/frontend/src/icons/parity-substrate.svg

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<RowProps, {}> {
       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 <span title={`${implementation} v${version}`}><Icon src={implIcon} /> {semver}</span>;
       }
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 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 198 190"><path d="M197.77,65l-84.33,48.68-7.93-4.58L125.2,97.68V95l69.06-39.87-2.74-1.59L125.2,91.88V90l-8.91-5.14L181,47.48l-2.41-1.39-64.7,37.35-8.37-4.83L125.2,67.24V64.35L167.71,39.8l-2.08-1.21L125.2,61.94v-2.4L98.83,74.76l-8.46-4.89,8.53-4.93v-.76l55.54-32.07-1.75-1L98.9,62.15v-.76L87.29,68.1l-8.15-4.71L93.51,55.1l-1.74-1L98.9,50V48.83l42.26-24.4-1.42-.82L98.9,47.18V46.05L88.37,52.13l-1.53-.89-14.41,8.3v1.79L0,103.15v3.93L72.43,65.26v2L80.62,72,0,118.5V122L83.7,73.72l8.46,4.89L72.43,90v2L3.53,131.81l2.73,1.59L72.43,95.19v2.47l8.41,4.86-64.06,37,2.41,1.4,64.07-37L92,109,72.43,120.2v2.52L30,147.2l2.08,1.2,40.31-23.27v3l26.4-15.24,7.94,4.58-7.91,4.56v.76L43.3,154.89l1.75,1,53.81-31.07v.76l11-6.34,8.69,5-14.12,8.15,1.21.7L98.86,137v1.14l-42.3,24.43,1.42.82,40.88-23.6v1.13L109,135.08l2.07,1.19,14.11-8.12v-2.41l72.57-41.9V79.91l-72.57,41.9v-1.39l-8.69-5,81.26-46.92ZM79.14,93.83,98.83,82.46l8.37,4.84-8.34,4.81h0L87.52,98.67Zm19.6,11.32-8.81-5.09,9-5.18h0l10.72-6.18,8.91,5.14Z"/><polygon points="98.86 153.51 69.81 170.28 70.91 170.92 98.86 154.78 98.86 156.29 197.77 99.19 197.77 94.88 98.86 151.99 98.86 153.51"/><polygon points="98.86 168.86 83.07 177.97 83.84 178.42 98.86 169.75 98.86 171.64 197.77 114.54 197.77 109.85 98.86 166.95 98.86 168.86"/><polygon points="98.86 184.21 96.33 185.67 96.77 185.92 98.86 184.72 98.86 186.99 130.15 168.93 197.77 129.68 197.77 124.82 98.86 181.92 98.86 184.21"/><polygon points="98.91 2.78 101.34 1.38 100.91 1.12 98.91 2.28 98.91 0 11.15 50.67 0 57.12 0 62.17 98.91 5.07 98.91 2.78"/><polygon points="98.91 18.13 114.62 9.06 113.85 8.62 98.91 17.25 98.91 15.35 0 72.45 0 77.14 98.91 20.04 98.91 18.13"/><polygon points="98.91 33.48 127.89 16.75 126.8 16.11 98.91 32.21 98.91 30.7 0 87.8 0 92.11 98.91 35.01 98.91 33.48"/></svg>