diff --git a/web/screens/Settings/Appearance/index.tsx b/web/screens/Settings/Appearance/index.tsx
index 1a10ae84d..ecf37b91c 100644
--- a/web/screens/Settings/Appearance/index.tsx
+++ b/web/screens/Settings/Appearance/index.tsx
@@ -9,7 +9,9 @@ export default function AppearanceOptions() {
Base color scheme
- Choose between light and dark modes.
+
+ Choose between light and dark modes.
+
diff --git a/web/screens/Settings/index.tsx b/web/screens/Settings/index.tsx
index 7400b8ad3..7e914b8b8 100644
--- a/web/screens/Settings/index.tsx
+++ b/web/screens/Settings/index.tsx
@@ -17,18 +17,17 @@ import Models from '@/screens/Settings/Models'
import { formatExtensionsName } from '@/utils/converter'
const SettingsScreen = () => {
- const [activeStaticMenu, setActiveStaticMenu] = useState('Appearance')
+ const [activeStaticMenu, setActiveStaticMenu] = useState('My Models')
const [menus, setMenus] = useState([])
const [preferenceItems, setPreferenceItems] = useState([])
const [preferenceValues, setPreferenceValues] = useState([])
useEffect(() => {
- const menu = ['Appearance']
+ const menu = ['My Models', 'My Settings', 'Advanced Settings']
if (typeof window !== 'undefined' && window.electronAPI) {
menu.push('Extensions')
}
- menu.push('Advanced')
setMenus(menu)
}, [])
@@ -45,13 +44,13 @@ const SettingsScreen = () => {
case 'Extensions':
return
- case 'Appearance':
+ case 'My Settings':
return
- case 'Advanced':
+ case 'Advanced Settings':
return
- case 'Models':
+ case 'My Models':
return
default:
@@ -69,12 +68,9 @@ const SettingsScreen = () => {
-
+
-
-
+
{menus.map((menu, i) => {
const isActive = activeStaticMenu === menu
return (
@@ -140,37 +136,6 @@ const SettingsScreen = () => {
})}
-
-
-
-
-
-
{
- setActiveStaticMenu('Models')
- setActivePreferenceExtension('')
- }}
- className="block w-full cursor-pointer"
- >
-
- Models
-
-
- {activeStaticMenu === 'Models' && (
-
- )}
-
-
-