This commit is contained in:
Sean Edmunds
2024-08-20 16:28:46 -05:00
parent 8152d3fe73
commit 7990f164d6
39 changed files with 824 additions and 772 deletions

View File

@@ -1,24 +1,24 @@
import { ActionIcon, Group, Stack, Tabs, Text } from "@mantine/core";
import tabClasses from "../../styles/Tabs.module.css";
import Personalization from "./components/Personalization";
import { FiArrowLeftCircle } from "react-icons/fi";
import { actionIconClasses, textClasses } 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";
import { ActionIcon, Group, Stack, Tabs, Text } from '@mantine/core';
import { FiArrowLeftCircle } from 'react-icons/fi';
import { actionIconClasses, textClasses } from '../../styles';
import tabClasses from '../../styles/Tabs.module.css';
import Applications from './components/Applications';
import Bookmarks from './components/Bookmarks';
import Categories from './components/Categories';
import Messages from './components/Messages';
import Personalization from './components/Personalization';
import SearchProviders from './components/SearchProviders';
import Themes from './components/Themes';
function Settings({ theme }: any) {
return (
<Stack h={"100vh"} px={"2rem"} bg={"var(--color-background)"}>
<Stack h={'100vh'} px={'2rem'} bg={'var(--color-background)'}>
<Group gap={0}>
<ActionIcon
className={actionIconClasses.backButton}
classNames={actionIconClasses}
component="a"
href="/trigger"
component='a'
href='/trigger'
>
<FiArrowLeftCircle />
</ActionIcon>
@@ -27,39 +27,39 @@ function Settings({ theme }: any) {
</Text>
</Group>
<Tabs
orientation="vertical"
defaultValue={"personalization"}
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="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.Tab value='personalization'>Personal Info</Tabs.Tab>
<Tabs.Tab value='messages'>Messages</Tabs.Tab>
<Tabs.Tab value='applications'>Applications</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">
<Tabs.Panel value='personalization'>
<Personalization />
</Tabs.Panel>
<Tabs.Panel value="messages">
<Tabs.Panel value='messages'>
<Messages />
</Tabs.Panel>
<Tabs.Panel value="applications">
<Tabs.Panel value='applications'>
<Applications />
</Tabs.Panel>
<Tabs.Panel value="bookmarks">
<Tabs.Panel value='bookmarks'>
<Bookmarks />
</Tabs.Panel>
<Tabs.Panel value="bookmarksCategories">
<Tabs.Panel value='bookmarksCategories'>
<Categories />
</Tabs.Panel>
<Tabs.Panel value="themes">
<Tabs.Panel value='themes'>
<Themes theme={theme} />
</Tabs.Panel>
<Tabs.Panel value="providers">
<Tabs.Panel value='providers'>
<SearchProviders />
</Tabs.Panel>
</Tabs>