fix: unaligned settings (#1618)

# Description

This is a small fix to make the settings aligned with the sidebar. It
closes #1375
    
<!-- This is an auto-generated description by cubic. -->
---

## Summary by cubic
Aligned the Settings page with the sidebar. The page now sets the active
section to "general-settings" on mount, so the content matches the
selected sidebar on first load.

<!-- End of auto-generated description by cubic. -->
This commit is contained in:
Olyno
2025-10-24 22:59:57 +02:00
committed by GitHub
parent b22928dd72
commit f7132d0dbb

View File

@@ -1,4 +1,4 @@
import { useState } from "react"; import { useEffect, useState } from "react";
import { useTheme } from "../contexts/ThemeContext"; import { useTheme } from "../contexts/ThemeContext";
import { ProviderSettingsGrid } from "@/components/ProviderSettings"; import { ProviderSettingsGrid } from "@/components/ProviderSettings";
import ConfirmationDialog from "@/components/ConfirmationDialog"; import ConfirmationDialog from "@/components/ConfirmationDialog";
@@ -26,6 +26,8 @@ import { NeonIntegration } from "@/components/NeonIntegration";
import { RuntimeModeSelector } from "@/components/RuntimeModeSelector"; import { RuntimeModeSelector } from "@/components/RuntimeModeSelector";
import { NodePathSelector } from "@/components/NodePathSelector"; import { NodePathSelector } from "@/components/NodePathSelector";
import { ToolsMcpSettings } from "@/components/settings/ToolsMcpSettings"; import { ToolsMcpSettings } from "@/components/settings/ToolsMcpSettings";
import { useSetAtom } from "jotai";
import { activeSettingsSectionAtom } from "@/atoms/viewAtoms";
export default function SettingsPage() { export default function SettingsPage() {
const [isResetDialogOpen, setIsResetDialogOpen] = useState(false); const [isResetDialogOpen, setIsResetDialogOpen] = useState(false);
@@ -33,6 +35,11 @@ export default function SettingsPage() {
const appVersion = useAppVersion(); const appVersion = useAppVersion();
const { settings, updateSettings } = useSettings(); const { settings, updateSettings } = useSettings();
const router = useRouter(); const router = useRouter();
const setActiveSettingsSection = useSetAtom(activeSettingsSectionAtom);
useEffect(() => {
setActiveSettingsSection("general-settings");
}, [setActiveSettingsSection]);
const handleResetEverything = async () => { const handleResetEverything = async () => {
setIsResetting(true); setIsResetting(true);