feat: show city also in header

src/components/monitorDayAverage.js

@@ -1,9 +1,4 @@
-const locations = {
+import { locations } from '../functions/helpers'
-  WAW: 'Warsaw',
-  SCL: 'Santiago de Chile',
-  MEL: 'Melbourne',
-  SIN: 'Singapore',
-}
 
 export default function MonitorDayAverage({ location, avg }) {
   return (

src/components/monitorStatusHeader.js

@@ -1,4 +1,5 @@
 import config from '../../config.yaml'
+import { locations } from '../functions/helpers'
 
 const classes = {
   green:
@@ -24,7 +25,8 @@ export default function MonitorStatusHeader({ kvMonitorsLastUpdate }) {
           <div className="text-xs font-light">
             checked{' '}
             {Math.round((Date.now() - kvMonitorsLastUpdate.time) / 1000)} sec
-            ago (from {kvMonitorsLastUpdate.loc})
+            ago (from{' '}
+            {locations[kvMonitorsLastUpdate.loc] || kvMonitorsLastUpdate.loc})
           </div>
         )}
       </div>

src/functions/helpers.js

@@ -3,6 +3,13 @@ import { useEffect, useState } from 'react'
 
 const kvDataKey = 'monitors_data_v1_1'
 
+export const locations = {
+  WAW: 'Warsaw',
+  SCL: 'Santiago de Chile',
+  MEL: 'Melbourne',
+  SIN: 'Singapore',
+}
+
 export async function getKVMonitors() {
   // trying both to see performance difference
   return KV_STATUS_PAGE.get(kvDataKey, 'json')