diff --git a/ui/src/routes/devices.$id.settings.mouse.tsx b/ui/src/routes/devices.$id.settings.mouse.tsx
index 9956ecb..c8c351a 100644
--- a/ui/src/routes/devices.$id.settings.mouse.tsx
+++ b/ui/src/routes/devices.$id.settings.mouse.tsx
@@ -10,6 +10,8 @@ import { useCallback, useEffect, useState } from "react";
import { useJsonRpc } from "@/hooks/useJsonRpc";
import { cx } from "../cva.config";
import { SelectMenuBasic } from "../components/SelectMenuBasic";
+import { useFeatureFlag } from "../hooks/useFeatureFlag";
+import { FeatureFlag } from "../components/FeatureFlag";
type ScrollSensitivity = "low" | "default" | "high";
@@ -21,6 +23,8 @@ export default function SettingsKeyboardMouseRoute() {
state => state.setScrollSensitivity,
);
+ const { isEnabled: isScrollSensitivityEnabled } = useFeatureFlag("0.3.8");
+
const [jiggler, setJiggler] = useState(false);
const [send] = useJsonRpc();
@@ -31,11 +35,13 @@ export default function SettingsKeyboardMouseRoute() {
setJiggler(resp.result as boolean);
});
- send("getScrollSensitivity", {}, resp => {
- if ("error" in resp) return;
- setScrollSensitivity(resp.result as ScrollSensitivity);
- });
- }, [send, setScrollSensitivity]);
+ if (isScrollSensitivityEnabled) {
+ send("getScrollSensitivity", {}, resp => {
+ if ("error" in resp) return;
+ setScrollSensitivity(resp.result as ScrollSensitivity);
+ });
+ }
+ }, [isScrollSensitivityEnabled, send, setScrollSensitivity]);
const handleJigglerChange = (enabled: boolean) => {
send("setJigglerState", { enabled }, resp => {
@@ -82,25 +88,28 @@ export default function SettingsKeyboardMouseRoute() {
onChange={e => setHideCursor(e.target.checked)}
/>
-
-
-
+
+
+
+
+
+