diff --git a/app/assets/stylesheets/themes/_theme-template.scss b/app/assets/stylesheets/themes/_theme-template.scss index 4b0960ca32..0ee7d50728 100644 --- a/app/assets/stylesheets/themes/_theme-template.scss +++ b/app/assets/stylesheets/themes/_theme-template.scss @@ -2009,6 +2009,9 @@ } .footer { div.footer-status { + > span.testnet { + font-size: 0.85rem; + } > span.success { color: $success-color; } diff --git a/app/components/Layout/Footer.jsx b/app/components/Layout/Footer.jsx index 4e1b6f158e..58c48a2555 100644 --- a/app/components/Layout/Footer.jsx +++ b/app/components/Layout/Footer.jsx @@ -190,6 +190,8 @@ class Footer extends React.Component { const {props} = this; + const testNet = node.url.indexOf("testnet") !== -1; + let title = node.operator + " " + !!node.location ? node.location : ""; if ("country" in node) { title = node.country + (!!title ? " - " + title : ""); @@ -201,7 +203,8 @@ class Footer extends React.Component { ping: node.url in props.apiLatencies ? props.apiLatencies[node.url] - : -1 + : -1, + testNet }; } @@ -592,6 +595,11 @@ class Footer extends React.Component { }} >
+ {connected && activeNode.testNet && ( + + {" "} + + )} {!connected ? ( @@ -611,9 +619,8 @@ class Footer extends React.Component { {!connected ? "-" : !activeNode.ping - ? "-" - : activeNode.ping + - "ms"} + ? "-" + : activeNode.ping + "ms"}  /