From 204e6c7fafab1f5519be3f94943a04f2434bffd8 Mon Sep 17 00:00:00 2001
From: Adam Shiervani <adam.shiervani@gmail.com>
Date: Mon, 24 Mar 2025 12:32:12 +0100
Subject: [PATCH] feat(UsbDeviceSetting): integrate remote virtual media state
management and improve USB config handlingt
---
ui/src/components/UsbDeviceSetting.tsx | 12 +++++-------
1 file changed, 5 insertions(+), 7 deletions(-)
diff --git a/ui/src/components/UsbDeviceSetting.tsx b/ui/src/components/UsbDeviceSetting.tsx
index 605ae4d..07125e6 100644
--- a/ui/src/components/UsbDeviceSetting.tsx
+++ b/ui/src/components/UsbDeviceSetting.tsx
@@ -9,7 +9,6 @@ import { Button } from "./Button";
import { SelectMenuBasic } from "./SelectMenuBasic";
import { SettingsSectionHeader } from "./SettingsSectionHeader";
import Fieldset from "./Fieldset";
-
export interface USBConfig {
vendor_id: string;
product_id: string;
@@ -119,13 +118,12 @@ export function UsbDeviceSetting() {
const onUsbConfigItemChange = useCallback(
(key: keyof UsbDeviceConfig) => (e: React.ChangeEvent<HTMLInputElement>) => {
- setUsbDeviceConfig(val => {
- val[key] = e.target.checked;
- handleUsbConfigChange(val);
- return val;
- });
+ setUsbDeviceConfig(prev => ({
+ ...prev,
+ [key]: e.target.checked,
+ }));
},
- [handleUsbConfigChange],
+ [],
);
const handlePresetChange = useCallback(