Compare commits
No commits in common. "ab3ddf774d94a2b04d50b9388a9f63791eb7ecba" and "26aa5fa67941776cbc25b7a0a59e25025c0fa61e" have entirely different histories.
ab3ddf774d
...
26aa5fa679
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "ghost-telemetry-frontend",
|
"name": "ghost-telemetry-frontend",
|
||||||
"version": "0.1.14",
|
"version": "0.1.12",
|
||||||
"author": "Uncle f4tso <f4ts0@ghostchain.io>",
|
"author": "Uncle f4tso <f4ts0@ghostchain.io>",
|
||||||
"license": "GPL-3.0",
|
"license": "GPL-3.0",
|
||||||
"description": "Ghost Telemetry frontend",
|
"description": "Ghost Telemetry frontend",
|
||||||
|
|||||||
@ -25,12 +25,11 @@ export class ValidatorColumn extends React.Component<ColumnProps> {
|
|||||||
this.data = validator;
|
this.data = validator;
|
||||||
|
|
||||||
if (!validator) {
|
if (!validator) {
|
||||||
return <td className="Column">🤖</td>;
|
return <td className="Column">-</td>;
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<td className="Column" onClick={this.onClick}>
|
<td className="Column" onClick={this.onClick}>
|
||||||
👻
|
|
||||||
<Tooltip text={validator} copy={this.onCopy} />
|
<Tooltip text={validator} copy={this.onCopy} />
|
||||||
</td>
|
</td>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -29,7 +29,6 @@ import {
|
|||||||
IsVirtualMachineColumn,
|
IsVirtualMachineColumn,
|
||||||
LinuxDistroColumn,
|
LinuxDistroColumn,
|
||||||
LinuxKernelColumn,
|
LinuxKernelColumn,
|
||||||
ValidatorColumn,
|
|
||||||
} from './';
|
} from './';
|
||||||
|
|
||||||
import './Row.css';
|
import './Row.css';
|
||||||
@ -49,7 +48,6 @@ export class Row extends React.Component<RowProps, RowState> {
|
|||||||
NameColumn,
|
NameColumn,
|
||||||
LocationColumn,
|
LocationColumn,
|
||||||
NetworkIdColumn,
|
NetworkIdColumn,
|
||||||
ValidatorColumn,
|
|
||||||
PeersColumn,
|
PeersColumn,
|
||||||
TxsColumn,
|
TxsColumn,
|
||||||
UploadColumn,
|
UploadColumn,
|
||||||
|
|||||||
@ -16,40 +16,3 @@
|
|||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.Map-legend {
|
|
||||||
min-width: 170px;
|
|
||||||
position: absolute;
|
|
||||||
font-family: 'Ubuntu', sans-serif;
|
|
||||||
background: #50759e;
|
|
||||||
border: 1px solid #fff;
|
|
||||||
border-radius: 5px;
|
|
||||||
color: #fff;
|
|
||||||
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);
|
|
||||||
top: 80%;
|
|
||||||
margin: 0 5%;
|
|
||||||
font-size: .8rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Map-legend-item {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
gap: 20px;
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Map-legend-item-circle {
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
background: transparent;
|
|
||||||
border: 3px solid #60c45b;
|
|
||||||
border-radius: 6px;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(calc(50% - 6px), calc(50% - 6px));
|
|
||||||
}
|
|
||||||
|
|
||||||
.Map-legend-item:first-of-type > .Map-legend-item-circle {
|
|
||||||
border-color: #f2e370;
|
|
||||||
}
|
|
||||||
|
|||||||
@ -142,17 +142,6 @@ export class WorldMap extends React.Component<MapProps, MapState> {
|
|||||||
return (
|
return (
|
||||||
<div className="Map-container">
|
<div className="Map-container">
|
||||||
<div className="Map">
|
<div className="Map">
|
||||||
<div className="Map-legend">
|
|
||||||
<div className="Map-legend-item">
|
|
||||||
<div className="Map-legend-item-circle"></div>
|
|
||||||
<div>Full Node</div>
|
|
||||||
</div>
|
|
||||||
<div className="Map-legend-item">
|
|
||||||
<div className="Map-legend-item-circle"></div>
|
|
||||||
<div>Validator Node</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{nodes.map(node => {
|
{nodes.map(node => {
|
||||||
let isRealPoint = true;
|
let isRealPoint = true;
|
||||||
let { lat, lon } = node;
|
let { lat, lon } = node;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user