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

Fixes

Browse Source
This commit is contained in:
Sean Edmunds
2025-11-06 19:46:55 -06:00
parent a2d6dce28c
commit b14586ba17
2 changed files with 107 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,4 @@
import { ActionIcon, Group, ScrollArea, Stack, Tabs, Text } from '@mantine/core';
import { ActionIcon, Divider, Group, ScrollArea, Stack, Tabs, Text } from '@mantine/core';
import { useCommonHooks } from 'hooks';
import { FaPaintBrush, FaRegListAlt } from 'react-icons/fa';
import {
@@ -66,6 +66,24 @@ export function Settings() {
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='personalization'>
{isMobile ? <FiUser /> : 'Personal Info'}
</Tabs.Tab>
{!isMobile && (
<Group w={'100%'} gap={0} justify='center'>
<Divider
label='Homepage Items'
w={'90%'}
h={3}
mb={'1rem'}
color={'var(--mantine-color-primary-0)'}
variant='dashed'
labelPosition='center'
styles={{
label: {
color: 'var(--mantine-color-accent-0)',
},
}}
/>
</Group>
)}
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='messages'>
{isMobile ? <FiMail /> : 'Messages'}
</Tabs.Tab>
@@ -75,18 +93,72 @@ export function Settings() {
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='bookmarks'>
{isMobile ? <FiBookmark /> : 'Bookmarks'}
</Tabs.Tab>
{!isMobile && (
<Group w={'100%'} gap={0} justify='center'>
<Divider
label='Theming'
w={'90%'}
h={3}
mb={'1rem'}
color={'var(--mantine-color-primary-0)'}
variant='dashed'
labelPosition='center'
styles={{
label: {
color: 'var(--mantine-color-accent-0)',
},
}}
/>
</Group>
)}
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='themes'>
{isMobile ? <FaPaintBrush /> : 'Themes'}
</Tabs.Tab>
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='themePlaylists'>
{isMobile ? <FaRegListAlt /> : 'Theme Playlists'}
</Tabs.Tab>
{!isMobile && (
<Group w={'100%'} gap={0} justify='center'>
<Divider
label='Search'
w={'90%'}
h={3}
mb={'1rem'}
color={'var(--mantine-color-primary-0)'}
variant='dashed'
labelPosition='center'
styles={{
label: {
color: 'var(--mantine-color-accent-0)',
},
}}
/>
</Group>
)}
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='providers'>
{isMobile ? <FiSearch /> : 'Search Providers'}
</Tabs.Tab>
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='history'>
{isMobile ? <FiSearch /> : 'Search History'}
</Tabs.Tab>
{!isMobile && (
<Group w={'100%'} gap={0} justify='center'>
<Divider
label='Extras'
w={'90%'}
h={3}
mb={'1rem'}
color={'var(--mantine-color-primary-0)'}
variant='dashed'
labelPosition='center'
styles={{
label: {
color: 'var(--mantine-color-accent-0)',
},
}}
/>
</Group>
)}
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='wolClients'>
{isMobile ? <FiMonitor /> : 'WoL Clients'}
</Tabs.Tab>