gsadmin/sencho
1
0
Fork 0
mirror of https://github.com/Studio-Saelix/sencho.git synced 2026-08-22 16:16:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement initial frontend application with Monaco editor, Docker Compose stack management, and container monitoring.

Browse Source
This commit is contained in:
SaelixCode
2026-02-25 14:18:10 -05:00
parent cd006feb6a
commit aeb3d6e812
4 changed files with 182 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/EditorLayout.tsx
+9 -1
View File
@@ -47,7 +47,13 @@ export default function EditorLayout() {
const [isLoading, setIsLoading] = useState(false);
const [isActionLoading, setIsActionLoading] = useState(false);
const [isFileLoading, setIsFileLoading] = useState(false);
const [isDarkMode, setIsDarkMode] = useState(true);
const [isDarkMode, setIsDarkMode] = useState(() => {
const saved = localStorage.getItem('sencho-theme');
if (saved !== null) {
return saved === 'dark';
}
return true; // Default to dark mode
});
const [showConsole, setShowConsole] = useState(true);
const [isEditing, setIsEditing] = useState(false);
const [searchQuery, setSearchQuery] = useState('');
@@ -65,8 +71,10 @@ export default function EditorLayout() {
const html = document.documentElement;
if (isDarkMode) {
html.classList.add('dark');
localStorage.setItem('sencho-theme', 'dark');
} else {
html.classList.remove('dark');
localStorage.setItem('sencho-theme', 'light');
}
}, [isDarkMode]);