diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx index 0e8f8a13..68fc9c40 100644 --- a/src/components/Sidebar.tsx +++ b/src/components/Sidebar.tsx @@ -1,3 +1,4 @@ +import { DeviceMetadata } from "@buf/meshtastic_protobufs.bufbuild_es/meshtastic/mesh_pb"; import { SidebarSection } from "@components/UI/Sidebar/SidebarSection.js"; import { SidebarButton } from "@components/UI/Sidebar/sidebarButton.js"; import { Subtle } from "@components/UI/Typography/Subtle.js"; @@ -12,7 +13,8 @@ import { SettingsIcon, UsersIcon, ZapIcon, - BatteryMediumIcon + BatteryMediumIcon, + CpuIcon } from "lucide-react"; export interface SidebarProps { @@ -20,8 +22,9 @@ export interface SidebarProps { } export const Sidebar = ({ children }: SidebarProps): JSX.Element => { - const { hardware, nodes } = useDevice(); + const { hardware, nodes, metadata } = useDevice(); const myNode = nodes.get(hardware.myNodeNum); + const myMetadata = metadata.get(hardware.myNodeNum); const { activePage, setActivePage, setDialogOpen } = useDevice(); interface NavLink { @@ -84,6 +87,10 @@ export const Sidebar = ({ children }: SidebarProps): JSX.Element => { {myNode?.deviceMetrics?.voltage.toPrecision(3) ?? "UNK"} volts +
+ + { myMetadata?.firmwareVersion ?? "UNK"} +
@@ -103,3 +110,4 @@ export const Sidebar = ({ children }: SidebarProps): JSX.Element => { ); }; +