smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Styled Homepage

Browse Source
This commit is contained in:
Sean Edmunds
2024-08-15 15:12:05 -05:00
parent 1e57c1a19e
commit a47f201fff
33 changed files with 588 additions and 355 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/settings/Settings.tsx
View File

@@ -6,31 +6,34 @@ import { actionIconClasses } from "../../styles";
import Messages from "./components/Messages";
import Applications from "./components/Applications";
import Bookmarks from "./components/Bookmarks";
import Categories from "./components/Categories";
import SearchProviders from "./components/SearchProviders";
import Themes from "./components/Themes";
function Settings() {
function Settings({theme}:any) {
return (
<Stack h={'100vh'} px={'2rem'}>
<Stack h={'100vh'} px={'2rem'} bg={'var(--color-background)'}>
<Group gap={0} >
<ActionIcon className={actionIconClasses.backButton} classNames={actionIconClasses} component="a" href="/trigger"><FiArrowLeftCircle/></ActionIcon>
<h1>Settings</h1>
</Group>
<Tabs keepMounted orientation="vertical" defaultValue={'personalization'} className={tabClasses.settingsTabs} classNames={tabClasses}>
<Tabs orientation="vertical" defaultValue={'personalization'} className={tabClasses.settingsTabs} classNames={tabClasses}>
<Tabs.List>
<Tabs.Tab value="personalization">Personal Info</Tabs.Tab>
<Tabs.Tab value="messages">Messages</Tabs.Tab>
<Tabs.Tab value="applications">Applications</Tabs.Tab>
<Tabs.Tab value="bookmarksCategories">Bookmark Categories</Tabs.Tab>
<Tabs.Tab value="bookmarks">Bookmarks</Tabs.Tab>
<Tabs.Tab value="bookmarksCategories">Categories</Tabs.Tab>
<Tabs.Tab value="themes">Themes</Tabs.Tab>
<Tabs.Tab value="providers">Search Providers</Tabs.Tab>
</Tabs.List>
<Tabs.Panel value="personalization"><Personalization/></Tabs.Panel>
<Tabs.Panel value="messages"><Messages/></Tabs.Panel>
<Tabs.Panel value="applications"><Applications/></Tabs.Panel>
<Tabs.Panel value="bookmarksCategories">Bookmark Categories</Tabs.Panel>
<Tabs.Panel value="bookmarks"><Bookmarks/></Tabs.Panel>
<Tabs.Panel value="themes">Themes</Tabs.Panel>
<Tabs.Panel value="providers">Search Providers</Tabs.Panel>
<Tabs.Panel value="bookmarksCategories"><Categories/></Tabs.Panel>
<Tabs.Panel value="themes"><Themes/></Tabs.Panel>
<Tabs.Panel value="providers"><SearchProviders/></Tabs.Panel>
</Tabs>
</Stack>
);