every_holiday/VRCT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[bugfix] Config Page: VR Tab. Fix the bug that the settings data has sent to the backend when init.

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-10-25 13:02:53 +09:00
parent 5438874668
commit 33bb2c7620
1 changed files with 21 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src-ui/app/config_page/setting_section/setting_box/vr/Vr.jsx
View File

@@ -1,4 +1,4 @@
import React, { useState, useEffect } from "react"; import React, { useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import styles from "./Vr.module.scss"; import styles from "./Vr.module.scss";
import { Slider } from "../_components/"; import { Slider } from "../_components/";
@@ -28,28 +28,26 @@ export const Vr = () => {
fadeout_duration: 2, fadeout_duration: 2,
}); });
const [timeout_id, setTimeoutId] = useState(null);
const onchangeFunction = (key, value) => { const onchangeFunction = (key, value) => {
setSettings((prev) => { setSettings((prev) => {
const new_data = { ...prev, [key]: value }; const new_data = { ...prev, [key]: value };
return new_data; return new_data;
}); });
};
useEffect(() => { if (timeout_id) {
let settings_timeout; clearTimeout(timeout_id);
if (settings_timeout) {
clearTimeout(settings_timeout);
} }
settings_timeout = setTimeout(() => { const newTimeoutId = setTimeout(() => {
setOverlaySmallLogSettings(settings); let new_data = settings;
new_data[key] = value;
setOverlaySmallLogSettings(new_data);
}, 50); }, 50);
return () => { setTimeoutId(newTimeoutId);
clearTimeout(settings_timeout);
}; };
}, [settings]);
const toggle_button_class_names__position = clsx(styles.controller_type_switcher, { const toggle_button_class_names__position = clsx(styles.controller_type_switcher, {
[styles.is_selected]: is_opened_position_controller, [styles.is_selected]: is_opened_position_controller,
@@ -80,9 +78,6 @@ export const Vr = () => {
); );
}; };
const CommonControls = () => { const CommonControls = () => {
const { t } = useTranslation(); const { t } = useTranslation();
const { currentOverlaySettings, setOverlaySettings } = useOverlaySettings(); const { currentOverlaySettings, setOverlaySettings } = useOverlaySettings();
@@ -92,25 +87,26 @@ const CommonControls = () => {
ui_scaling: 1, ui_scaling: 1,
}); });
const [timeout_id, setTimeoutId] = useState(null);
const onchangeFunction = (key, value) => { const onchangeFunction = (key, value) => {
setSettings((prev) => { setSettings((prev) => {
const new_data = { ...prev, [key]: value }; const new_data = { ...prev, [key]: value };
return new_data; return new_data;
}); });
};
if (timeout_id) {
clearTimeout(timeout_id);
}
useEffect(() => { const newTimeoutId = setTimeout(() => {
let settings_timeout; let new_data = settings;
new_data[key] = value;
settings_timeout = setTimeout(() => {
setOverlaySettings(settings); setOverlaySettings(settings);
}, 50); }, 50);
return () => { setTimeoutId(newTimeoutId);
clearTimeout(settings_timeout);
}; };
}, [settings]);
const ui_variable_opacity = (settings.opacity * 100).toFixed(0); const ui_variable_opacity = (settings.opacity * 100).toFixed(0);
const ui_variable_ui_scaling = (settings.ui_scaling * 100).toFixed(0); const ui_variable_ui_scaling = (settings.ui_scaling * 100).toFixed(0);