dandri/beacon-web
1
0
Fork 0
mirror of https://github.com/MeshCore-Beacon/beacon-web.git synced 2026-10-17 11:19:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(stats): distinguish analytics navigation icons (#59)

Browse Source
This commit is contained in:
n30nex
2026-09-23 20:11:26 -04:00
committed by GitHub
parent e01c090c8e
commit c2ab29a540
1 changed files with 22 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/stats/StatsSubHeader.tsx
+22 -3
View File
@@ -3,6 +3,25 @@ import { SelectDropdown } from "../../components/SelectDropdown";
import { useIsMobile } from "../../hooks/useMediaQuery";
import type { StatsRange, StatsTab } from "./types";
function TrafficIcon() {
return <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1.3" aria-hidden>
<path d="M2 11.5h10M3.5 9V6.5M7 9V2.5M10.5 9V4.5" strokeLinecap="round" />
</svg>;
}
function ScopesIcon() {
return <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1.3" aria-hidden>
<circle cx="5" cy="7" r="3.5" /><circle cx="9" cy="7" r="3.5" strokeDasharray="2 1.5" />
</svg>;
}
function CompareIcon() {
return <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1.3" aria-hidden>
<path d="M3.5 2v10M10.5 2v10M1.5 4h4M8.5 10h4M5.5 7h3" strokeLinecap="round" />
<circle cx="3.5" cy="4" r="1.5" fill="currentColor" /><circle cx="10.5" cy="10" r="1.5" fill="currentColor" />
</svg>;
}
function MeshIcon() {
return (
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1.3" aria-hidden>
@@ -56,12 +75,12 @@ function GraphIcon() {
const TAB_OPTIONS = [
{ value: "mesh", label: "Mesh", icon: <MeshIcon /> },
{ value: "traffic", label: "Traffic", icon: <MeshIcon /> },
{ value: "scopes", label: "Scopes", icon: <GraphIcon /> },
{ value: "traffic", label: "Traffic", icon: <TrafficIcon /> },
{ value: "scopes", label: "Scopes", icon: <ScopesIcon /> },
{ value: "talkers", label: "Talkers", icon: <TalkersIcon /> },
{ value: "clockdrift", label: "Clock Drift", icon: <ClockDriftIcon /> },
{ value: "observer", label: "Observer", icon: <ObserverIcon /> },
{ value: "compare", label: "Compare observers", icon: <ObserverIcon /> },
{ value: "compare", label: "Compare observers", icon: <CompareIcon /> },
{ value: "graph", label: "Neighbour Graph", icon: <GraphIcon /> },
];