mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-16 05:36:00 +02:00
add list filter collections
This commit is contained in:
@@ -19,6 +19,7 @@ const SIDEBAR_ITEMS: Array<[string, string]> = [
|
||||
[SidebarItem.HOME, 'page.sidebar.home'],
|
||||
[SidebarItem.NOW_PLAYING, 'page.sidebar.nowPlaying'],
|
||||
[SidebarItem.PLAYLISTS, 'page.sidebar.playlists'],
|
||||
[SidebarItem.COLLECTIONS, 'page.sidebar.collections'],
|
||||
[SidebarItem.RADIO, 'page.sidebar.radio'],
|
||||
[SidebarItem.SEARCH, 'page.sidebar.search'],
|
||||
[SidebarItem.SETTINGS, 'page.sidebar.settings'],
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
import { closeAllModals, openModal } from '@mantine/modals';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
import { PageHeader } from '/@/renderer/components/page-header/page-header';
|
||||
import { useSettingSearchContext } from '/@/renderer/features/settings/context/search-context';
|
||||
import { LibraryHeaderBar } from '/@/renderer/features/shared/components/library-header-bar';
|
||||
import { SearchInput } from '/@/renderer/features/shared/components/search-input';
|
||||
@@ -40,29 +39,25 @@ export const SettingsHeader = ({ setSearch }: SettingsHeaderProps) => {
|
||||
|
||||
return (
|
||||
<Flex>
|
||||
<PageHeader>
|
||||
<LibraryHeaderBar>
|
||||
<Flex align="center" justify="space-between" w="100%">
|
||||
<Group wrap="nowrap">
|
||||
<Icon icon="settings" size="5xl" />
|
||||
<LibraryHeaderBar.Title>
|
||||
{t('common.setting', { count: 2, postProcess: 'titleCase' })}
|
||||
</LibraryHeaderBar.Title>
|
||||
</Group>
|
||||
<Group>
|
||||
<SearchInput
|
||||
defaultValue={search}
|
||||
onChange={(event) =>
|
||||
setSearch(event.target.value.toLocaleLowerCase())
|
||||
}
|
||||
/>
|
||||
<Button onClick={openResetConfirmModal} variant="default">
|
||||
{t('common.resetToDefault', { postProcess: 'sentenceCase' })}
|
||||
</Button>
|
||||
</Group>
|
||||
</Flex>
|
||||
</LibraryHeaderBar>
|
||||
</PageHeader>
|
||||
<LibraryHeaderBar>
|
||||
<Flex align="center" justify="space-between" w="100%">
|
||||
<Group wrap="nowrap">
|
||||
<Icon icon="settings" size="5xl" />
|
||||
<LibraryHeaderBar.Title>
|
||||
{t('common.setting', { count: 2, postProcess: 'titleCase' })}
|
||||
</LibraryHeaderBar.Title>
|
||||
</Group>
|
||||
<Group>
|
||||
<SearchInput
|
||||
defaultValue={search}
|
||||
onChange={(event) => setSearch(event.target.value.toLocaleLowerCase())}
|
||||
/>
|
||||
<Button onClick={openResetConfirmModal} variant="default">
|
||||
{t('common.resetToDefault', { postProcess: 'sentenceCase' })}
|
||||
</Button>
|
||||
</Group>
|
||||
</Flex>
|
||||
</LibraryHeaderBar>
|
||||
</Flex>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user