From 86f347cc3a06f9cfa13dd20cc92fee721cf9ec54 Mon Sep 17 00:00:00 2001 From: maciejhirsz Date: Thu, 19 Jul 2018 22:38:11 +0200 Subject: [PATCH] Remove Antarctica from the map --- packages/frontend/src/assets/world-map.svg | 8 ++---- packages/frontend/src/components/Chain.tsx | 5 ++-- packages/frontend/src/components/Node.tsx | 32 +++++++++++----------- 3 files changed, 21 insertions(+), 24 deletions(-) diff --git a/packages/frontend/src/assets/world-map.svg b/packages/frontend/src/assets/world-map.svg index dafd977..73f1f61 100644 --- a/packages/frontend/src/assets/world-map.svg +++ b/packages/frontend/src/assets/world-map.svg @@ -1,5 +1,5 @@ - + @@ -27,9 +27,7 @@ - - @@ -211,6 +208,5 @@ - diff --git a/packages/frontend/src/components/Chain.tsx b/packages/frontend/src/components/Chain.tsx index 40ebaa5..9a44b00 100644 --- a/packages/frontend/src/components/Chain.tsx +++ b/packages/frontend/src/components/Chain.tsx @@ -9,7 +9,8 @@ import blockTimeIcon from '../icons/history.svg'; import lastTimeIcon from '../icons/watch.svg'; import worldIcon from '../icons/globe.svg'; -const MAP_RATIO = 2; +const MAP_RATIO = 800 / 350; +const MAP_HEIGHT_ADJUST = 400 / 350; const HEADER = 148; import './Chain.css'; @@ -150,7 +151,7 @@ export class Chain extends React.Component { // Longitude ranges -180 (west) to +180 (east) // Latitude ranges +90 (north) to -90 (south) const left = Math.round(((180 + lon) / 360) * map.width + map.left); - const top = Math.round(((90 - lat) / 180) * map.height + map.top); + const top = Math.round(((90 - lat) / 180) * map.height + map.top) * MAP_HEIGHT_ADJUST; return { left, top } } diff --git a/packages/frontend/src/components/Node.tsx b/packages/frontend/src/components/Node.tsx index 8e3fd1c..aa0ac12 100644 --- a/packages/frontend/src/components/Node.tsx +++ b/packages/frontend/src/components/Node.tsx @@ -39,14 +39,14 @@ export namespace Node {
- - - - - - - - + + + + + + + +
) @@ -60,14 +60,14 @@ export namespace Node { return (
{name} - {implementation} v{version} - {peers} - {txcount} - #{formatNumber(height)} -
{trimHash(hash, 16)} - {secondsWithPrecision(blockTime/1000)} - {propagationTime === null ? '∞' : milliOrSecond(propagationTime as number)} - + {implementation} v{version} + {peers} + {txcount} + #{formatNumber(height)} + {trimHash(hash, 16)} + {secondsWithPrecision(blockTime/1000)} + {propagationTime === null ? '∞' : milliOrSecond(propagationTime as number)} + ); }