diff --git a/src/app/cards/PerformanceCards.tsx b/src/app/cards/PerformanceCards.tsx index accfa0dc..ef882e13 100644 --- a/src/app/cards/PerformanceCards.tsx +++ b/src/app/cards/PerformanceCards.tsx @@ -7,6 +7,7 @@ import { } from "@openmouse/protocol/drivers/logitech/onboard-profiles"; import * as control from "../../device/controller"; import { isNoirKsnakeStatus } from "../../device/noir.ts"; +import { pollingRateText } from "../../ui/polling-rate"; import { isNativeAttackSharkX11, RATE_STEPS_HZ } from "../../device/controller"; import type { ControlSnapshot, LiftOffLevel } from "../../device/types"; import { t, tp } from "../../i18n"; @@ -66,7 +67,7 @@ export function PollingCard({ snapshot }: { snapshot: ControlSnapshot }): ReactN {note} {!perProfile ? ( - {status.pollingRateHz.toLocaleString()} Hz + {pollingRateText(status.pollingRateHz)} Hz ) : null} diff --git a/src/app/ui.tsx b/src/app/ui.tsx index 9f8e5aff..10479cd6 100644 --- a/src/app/ui.tsx +++ b/src/app/ui.tsx @@ -2,6 +2,7 @@ import { useEffect, useId, useRef, useState, type ReactNode } from "react"; import { Check, ChevronDown, Minus, Plus } from "lucide-react"; import type { MouseStatus } from "@openmouse/protocol/drivers/mouse-types"; import { batteryFillWidth, batteryIconState, batteryLevel } from "../ui/battery-icon"; +import { selectedPollingStep } from "../ui/polling-rate"; import { t } from "../i18n"; import type { InterfaceLocale } from "../interface-preferences"; @@ -387,22 +388,14 @@ export function RateSlider({ bubble?: boolean; }): ReactNode { if (options.length === 0) return