From 127d44fd7ac763fd78d1eab99f10f952ba6bb1b6 Mon Sep 17 00:00:00 2001
From: Vojtech Simetka <vojtech@simetka.cz>
Date: Mon, 20 Jun 2022 11:44:31 +0200
Subject: [PATCH] fix: change color of pins and show population instead of
 depth (#402)

---
 src/components/Map.tsx   | 4 ++--
 src/pages/info/index.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Map.tsx b/src/components/Map.tsx
index 8af623a..c15403f 100644
--- a/src/components/Map.tsx
+++ b/src/components/Map.tsx
@@ -47,7 +47,7 @@ function addPins(map: DottedMap, pins: MapRecord[], color: string) {
 }
 
 const mapPrecomputed = new DottedMap({ map: JSON.parse(mapData) })
-addPins(mapPrecomputed, deduplicatedRecords, '#dd7200')
+addPins(mapPrecomputed, deduplicatedRecords, '#303030')
 
 const mapSvgOptions: DottedMapWithoutCountriesLib.SvgSettings = { shape: 'hexagon', radius: 0.21, color: '#dadada' }
 
@@ -60,7 +60,7 @@ export default function Card({ style }: Props): ReactElement {
 
     const points = findIntersection(fullMapDb, peers)
     const mapNew = Object.create(mapPrecomputed)
-    addPins(mapNew, points, '#67BE68')
+    addPins(mapNew, points, '#09CA6C')
     setMap(mapNew.getSVG(mapSvgOptions))
   }, [peers])
 
diff --git a/src/pages/info/index.tsx b/src/pages/info/index.tsx
index e3fb402..ffac6f6 100644
--- a/src/pages/info/index.tsx
+++ b/src/pages/info/index.tsx
@@ -108,7 +108,7 @@ export default function Status(): ReactElement {
       <Map />
       <div style={{ height: '2px' }} />
       <ExpandableListItem label="Connected peers" value={topology?.connected ?? '-'} />
-      <ExpandableListItem label="Depth" value={topology?.depth ?? '-'} />
+      <ExpandableListItem label="Population" value={topology?.population ?? '-'} />
       <div style={{ height: '16px' }} />
       <ExpandableListItem
         label="Bee version"