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' && ( - - )} -
-
-