diff --git a/src/pages/settings/Settings.tsx b/src/pages/settings/Settings.tsx index 183745f..db0be9d 100644 --- a/src/pages/settings/Settings.tsx +++ b/src/pages/settings/Settings.tsx @@ -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() { {isMobile ? : 'Personal Info'} + {!isMobile && ( + + + + )} {isMobile ? : 'Messages'} @@ -75,18 +93,72 @@ export function Settings() { {isMobile ? : 'Bookmarks'} + {!isMobile && ( + + + + )} {isMobile ? : 'Themes'} {isMobile ? : 'Theme Playlists'} + {!isMobile && ( + + + + )} {isMobile ? : 'Search Providers'} {isMobile ? : 'Search History'} + {!isMobile && ( + + + + )} {isMobile ? : 'WoL Clients'} diff --git a/src/pages/settings/components/Search/SearchHistory.tsx b/src/pages/settings/components/Search/SearchHistory.tsx index ef1eb59..e86ef96 100644 --- a/src/pages/settings/components/Search/SearchHistory.tsx +++ b/src/pages/settings/components/Search/SearchHistory.tsx @@ -91,28 +91,40 @@ const SearchHistory = () => { mb={isMobile ? '6rem' : '1rem'} align='center' > - - + + + + + + + Results: {searchHistory.length} + +