No Hotspot Data

\n No hotspots have been loaded yet. Click below to fetch IOT and Mobile\n hotspots in the Strait of Hormuz region from the Helium API.\n

\n \n {error &&

{error}

}\n

\n );\n }\n\n return (\n

\n {/* Stats Panel */}\n

Strait of Hormuz

Helium IOT & Mobile Hotspots

\n\n

Hotspots

{displayStats.total.toLocaleString()}

\n\n {/* Network Breakdown */}\n

\n IoT\n

{stats.iot.toLocaleString()}

\n Mobile\n

{stats.mobile.toLocaleString()}

\n\n {/* Filter Toggles */}\n

\n { setFilter(\"all\"); setTooltip(null); }}\n >\n All\n \n { setFilter(\"iot\"); setTooltip(null); }}\n >\n IoT\n \n { setFilter(\"mobile\"); setTooltip(null); }}\n >\n Mobile\n \n

\n\n {/* Map Container */}\n \n {/* Tooltip/Popup */}\n {tooltip && (\n \n

\n {tooltip.cluster.count} Hotspot{tooltip.cluster.count !== 1 ? \"s\" : \"\"}\n {tooltip.cluster.iotCount > 0 && tooltip.cluster.mobileCount > 0 && (\n \n ({tooltip.cluster.iotCount} IoT, {tooltip.cluster.mobileCount} Mobile)\n \n )}\n

\n \n {name}\n \n \n );\n })}\n \n {tooltip.cluster.count > 10 && (\n

...and {tooltip.cluster.count - 10} more

\n )}\n

\n \n )}\n \n \n );\n}\n","deleted","label",[177,178,159],"frontend","components","permalink","https://www.val.town/x/jhiller/hormuz-hotspot-map/code/frontend/components/App.tsx","extension","actionData","errors"]