diff --git a/src/components/UI/Sidebar/sidebarButton.tsx b/src/components/UI/Sidebar/sidebarButton.tsx deleted file mode 100644 index 8ffc1d8d..00000000 --- a/src/components/UI/Sidebar/sidebarButton.tsx +++ /dev/null @@ -1,81 +0,0 @@ -import React from "react"; -import { Button } from "@components/UI/Button.tsx"; -import type { LucideIcon } from "lucide-react"; -import { cn } from "@core/utils/cn.ts"; -import { useSidebar } from "@core/stores/sidebarStore.tsx"; - -export interface SidebarButtonProps { - label: string; - count?: number; - active?: boolean; - Icon?: LucideIcon; - children?: React.ReactNode; - onClick?: () => void; - disabled?: boolean; - preventCollapse?: boolean; -} - -export const SidebarButton = ({ - label, - active, - Icon, - count, - children, - onClick, - disabled = false, - preventCollapse = false, -}: SidebarButtonProps) => { - const { isCollapsed: isSidebarCollapsed } = useSidebar(); - const isButtonCollapsed = isSidebarCollapsed && !preventCollapse; - - return ( - - ); -}; diff --git a/src/pages/Nodes.tsx b/src/pages/Nodes.tsx index 8165ed60..7ce8cc2c 100644 --- a/src/pages/Nodes.tsx +++ b/src/pages/Nodes.tsx @@ -79,7 +79,6 @@ const NodesPage = (): JSX.Element => { }, [hardware.myNodeNum], ); - return ( <> { {node.user?.longName ?? numberToHexUnpadded(node.num)} , - {node.lastHeard !== 0 - ? node.viaMqtt === false && node.hopsAway === 0 + {node.hopsAway !== undefined + ? node?.viaMqtt === false && node.hopsAway === 0 ? "Direct" : `${node.hopsAway?.toString()} ${ node.hopsAway ?? 0 > 1 ? "hops" : "hop" } away` : "-"} - {node.viaMqtt === true ? ", via MQTT" : ""} + {node?.viaMqtt === true ? ", via MQTT" : ""} , {node.lastHeard === 0