tcjlj/flvx
1
0
Fork 0
mirror of https://github.com/Sagit-chu/flvx.git synced 2026-10-08 10:46:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: move tunnel quality monitor toggle from /settings to /config

Browse Source
This commit is contained in:
sagitchu
2026-03-29 15:47:10 +08:00
parent 400a40fe80
commit d128d2f657
2 changed files with 16 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vite-frontend/src/pages/settings.tsx
-75
View File
@@ -31,9 +31,6 @@ interface PanelAddress {
}
const FORWARD_COMPACT_MODE_CONFIG_KEY = "forward_compact_mode";
const MONITOR_TUNNEL_QUALITY_ENABLED_CONFIG_KEY = "monitor_tunnel_quality_enabled";
const MONITOR_TUNNEL_QUALITY_ENABLED_EVENT =
"monitorTunnelQualityEnabledChanged";
const parseBooleanConfig = (value: unknown, defaultValue: boolean) =>
typeof value === "string" ? value === "true" : defaultValue;
@@ -49,10 +46,6 @@ export const SettingsPage = () => {
const [forwardCompactMode, setForwardCompactMode] = useState(false);
const [forwardCompactModeSaving, setForwardCompactModeSaving] =
useState(false);
const [monitorTunnelQualityEnabled, setMonitorTunnelQualityEnabled] =
useState(true);
const [monitorTunnelQualitySaving, setMonitorTunnelQualitySaving] =
useState(false);
const admin = isAdmin();
@@ -112,7 +105,6 @@ export const SettingsPage = () => {
useEffect(() => {
loadPanelAddresses();
loadForwardCompactMode();
loadMonitorTunnelQualityEnabled();
}, []);
const loadForwardCompactMode = async () => {
@@ -124,15 +116,6 @@ export const SettingsPage = () => {
}
};
const loadMonitorTunnelQualityEnabled = async () => {
try {
const res = await getConfigByName(MONITOR_TUNNEL_QUALITY_ENABLED_CONFIG_KEY);
setMonitorTunnelQualityEnabled(parseBooleanConfig(res.data?.value, true));
} catch {
setMonitorTunnelQualityEnabled(true);
}
};
const handleForwardCompactModeChange = async (enabled: boolean) => {
if (!admin || forwardCompactModeSaving) {
return;
@@ -167,40 +150,6 @@ export const SettingsPage = () => {
}
};
const handleMonitorTunnelQualityEnabledChange = async (enabled: boolean) => {
if (!admin || monitorTunnelQualitySaving) {
return;
}
const previous = monitorTunnelQualityEnabled;
setMonitorTunnelQualityEnabled(enabled);
setMonitorTunnelQualitySaving(true);
try {
const response = await updateConfig(
MONITOR_TUNNEL_QUALITY_ENABLED_CONFIG_KEY,
enabled ? "true" : "false",
);
if (response.code === 0) {
toast.success(`实时隧道质量检测已${enabled ? "开启" : "关闭"}`);
window.dispatchEvent(
new CustomEvent(MONITOR_TUNNEL_QUALITY_ENABLED_EVENT, {
detail: { enabled },
}),
);
} else {
setMonitorTunnelQualityEnabled(previous);
toast.error(response.msg || "保存隧道质量检测配置失败");
}
} catch {
setMonitorTunnelQualityEnabled(previous);
toast.error("保存隧道质量检测配置失败");
} finally {
setMonitorTunnelQualitySaving(false);
}
};
const handleUpdateChannelChange = (channel: UpdateReleaseChannel) => {
setUpdateChannel(channel);
setUpdateReleaseChannel(channel);
@@ -293,30 +242,6 @@ export const SettingsPage = () => {
</p>
)}
</div>
<div className="rounded-lg border border-gray-200 dark:border-gray-700 px-4 py-3">
<div className="flex items-center justify-between gap-4">
<div>
<p className="text-sm font-medium text-gray-900 dark:text-white">
实时隧道质量检测
</p>
<p className="mt-1 text-xs text-gray-500 dark:text-gray-400">
关闭后，前端停止自动刷新，后端停止实时隧道质量探测。
</p>
</div>
<Switch
color="primary"
isDisabled={!admin || monitorTunnelQualitySaving}
isSelected={monitorTunnelQualityEnabled}
onValueChange={handleMonitorTunnelQualityEnabledChange}
/>
</div>
{!admin && (
<p className="mt-2 text-xs text-amber-600 dark:text-amber-400">
仅管理员可修改该全局配置。
</p>
)}
</div>
</div>
</CardBody>
</Card>