d8dfun/claudecodeui
1
0
Fork 0
mirror of https://github.com/siteboon/claudecodeui.git synced 2026-02-15 05:07:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: replace useLocalStorage with useUiPreferences for better state management in AppContent

Browse Source
This commit is contained in:
Haileyesus
2026-02-06 11:22:48 +03:00
parent a259c39c05
commit 2f9d699107
2 changed files with 187 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/App.jsx
View File

@@ -32,7 +32,7 @@ import { TaskMasterProvider } from './contexts/TaskMasterContext';
import { TasksSettingsProvider } from './contexts/TasksSettingsContext';
import { WebSocketProvider, useWebSocket } from './contexts/WebSocketContext';
import ProtectedRoute from './components/ProtectedRoute';
import useLocalStorage from './hooks/useLocalStorage';
import { useUiPreferences } from './hooks/useUiPreferences';
import { api, authenticatedFetch } from './utils/api';
import { I18nextProvider, useTranslation } from 'react-i18next';
import i18n from './i18n/config.js';
@@ -60,12 +60,8 @@ function AppContent() {
const [showSettings, setShowSettings] = useState(false);
const [settingsInitialTab, setSettingsInitialTab] = useState('agents');
const [showQuickSettings, setShowQuickSettings] = useState(false);
const [autoExpandTools, setAutoExpandTools] = useLocalStorage('autoExpandTools', false);
const [showRawParameters, setShowRawParameters] = useLocalStorage('showRawParameters', false);
const [showThinking, setShowThinking] = useLocalStorage('showThinking', true);
const [autoScrollToBottom, setAutoScrollToBottom] = useLocalStorage('autoScrollToBottom', true);
const [sendByCtrlEnter, setSendByCtrlEnter] = useLocalStorage('sendByCtrlEnter', false);
const [sidebarVisible, setSidebarVisible] = useLocalStorage('sidebarVisible', true);
const { preferences, setPreference } = useUiPreferences();
const { autoExpandTools, showRawParameters, showThinking, autoScrollToBottom, sendByCtrlEnter, sidebarVisible } = preferences;
// Session Protection System: Track sessions with active conversations to prevent
// automatic project updates from interrupting ongoing chats. When a user sends
// a message, the session is marked as "active" and project updates are paused
@@ -600,9 +596,9 @@ function AppContent() {
onShowSettings={() => setShowSettings(true)}
isPWA={isPWA}
isMobile={isMobile}
onToggleSidebar={() => setSidebarVisible(false)}
onToggleSidebar={() => setPreference('sidebarVisible', false)}
isCollapsed={!sidebarVisible}
onExpandSidebar={() => setSidebarVisible(true)}
onExpandSidebar={() => setPreference('sidebarVisible', true)}
/>
</div>
)}
@@ -647,7 +643,7 @@ function AppContent() {
onShowSettings={() => setShowSettings(true)}
isPWA={isPWA}
isMobile={isMobile}
onToggleSidebar={() => setSidebarVisible(false)}
onToggleSidebar={() => setPreference('sidebarVisible', false)}
isCollapsed={false}
/>
</div>
@@ -700,15 +696,15 @@ function AppContent() {
isOpen={showQuickSettings}
onToggle={setShowQuickSettings}
autoExpandTools={autoExpandTools}
onAutoExpandChange={setAutoExpandTools}
onAutoExpandChange={(value) => setPreference('autoExpandTools', value)}
showRawParameters={showRawParameters}
onShowRawParametersChange={setShowRawParameters}
onShowRawParametersChange={(value) => setPreference('showRawParameters', value)}
showThinking={showThinking}
onShowThinkingChange={setShowThinking}
onShowThinkingChange={(value) => setPreference('showThinking', value)}
autoScrollToBottom={autoScrollToBottom}
onAutoScrollChange={setAutoScrollToBottom}
onAutoScrollChange={(value) => setPreference('autoScrollToBottom', value)}
sendByCtrlEnter={sendByCtrlEnter}
onSendByCtrlEnterChange={setSendByCtrlEnter}
onSendByCtrlEnterChange={(value) => setPreference('sendByCtrlEnter', value)}
isMobile={isMobile}
/>
)}