Remove Antarctica from the map

This commit is contained in:
maciejhirsz
2018-07-19 22:38:11 +02:00
parent 170e7e3d9f
commit 86f347cc3a
3 changed files with 21 additions and 24 deletions
File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 437 KiB

After

Width:  |  Height:  |  Size: 416 KiB

+3 -2
View File
@@ -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<Chain.Props, Chain.State> {
// 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 }
}
+16 -16
View File
@@ -39,14 +39,14 @@ export namespace Node {
<thead>
<tr>
<th><Icon src={nodeIcon} alt="Node" /></th>
<th><Icon src={nodeTypeIcon} alt="Implementation" /></th>
<th><Icon src={peersIcon} alt="Peer Count" /></th>
<th><Icon src={transactionsIcon} alt="Transactions in Queue" /></th>
<th><Icon src={blockIcon} alt="Block" /></th>
<th><Icon src={blockHashIcon} alt="Block Hash" /></th>
<th><Icon src={blockTimeIcon} alt="Block Time" /></th>
<th><Icon src={propagationTimeIcon} alt="Block Propagation Time" /></th>
<th><Icon src={lastTimeIcon} alt="Last Block Time" /></th>
<th style={{ width: 240 }}><Icon src={nodeTypeIcon} alt="Implementation" /></th>
<th style={{ width: 26 }}><Icon src={peersIcon} alt="Peer Count" /></th>
<th style={{ width: 26 }}><Icon src={transactionsIcon} alt="Transactions in Queue" /></th>
<th style={{ width: 88 }}><Icon src={blockIcon} alt="Block" /></th>
<th style={{ width: 154 }}><Icon src={blockHashIcon} alt="Block Hash" /></th>
<th style={{ width: 80 }}><Icon src={blockTimeIcon} alt="Block Time" /></th>
<th style={{ width: 58 }}><Icon src={propagationTimeIcon} alt="Block Propagation Time" /></th>
<th style={{ width: 100 }}><Icon src={lastTimeIcon} alt="Last Block Time" /></th>
</tr>
</thead>
)
@@ -60,14 +60,14 @@ export namespace Node {
return (
<tr>
<td>{name}</td>
<td style={{ width: 240 }}>{implementation} v{version}</td>
<td style={{ width: 26 }}>{peers}</td>
<td style={{ width: 26 }}>{txcount}</td>
<td style={{ width: 88 }}>#{formatNumber(height)}</td>
<td style={{ width: 154 }}><span title={hash}>{trimHash(hash, 16)}</span></td>
<td style={{ width: 80 }}>{secondsWithPrecision(blockTime/1000)}</td>
<td style={{ width: 58 }}>{propagationTime === null ? '∞' : milliOrSecond(propagationTime as number)}</td>
<td style={{ width: 82 }}><Ago when={blockTimestamp} /></td>
<td>{implementation} v{version}</td>
<td>{peers}</td>
<td>{txcount}</td>
<td>#{formatNumber(height)}</td>
<td><span title={hash}>{trimHash(hash, 16)}</span></td>
<td>{secondsWithPrecision(blockTime/1000)}</td>
<td>{propagationTime === null ? '∞' : milliOrSecond(propagationTime as number)}</td>
<td><Ago when={blockTimestamp} /></td>
</tr>
);
}