mirror of
https://github.com/antebudimir/feishin.git
synced 2025-12-31 10:03:33 +00:00
Ante Budimir
7a12e4657f
- Add folder browsing functionality with breadcrumb navigation - Implement folder playback with recursive song scanning and progress notifications - Add browser history support for back/forward button navigation - Include empty folder detection and loading states
26 lines
988 B
TypeScript
26 lines
988 B
TypeScript
import { useTranslation } from 'react-i18next';
|
|
|
|
import { PageHeader } from '/@/renderer/components/page-header/page-header';
|
|
import { LibraryHeaderBar } from '/@/renderer/features/shared/components/library-header-bar';
|
|
import { useContainerQuery } from '/@/renderer/hooks';
|
|
import { Flex } from '/@/shared/components/flex/flex';
|
|
import { Stack } from '/@/shared/components/stack/stack';
|
|
|
|
export const FolderListHeader = (): JSX.Element => {
|
|
const { t } = useTranslation();
|
|
const cq = useContainerQuery();
|
|
|
|
return (
|
|
<Stack gap={0} ref={cq.ref}>
|
|
<PageHeader>
|
|
<Flex justify="space-between" w="100%">
|
|
<LibraryHeaderBar>
|
|
<LibraryHeaderBar.Title>
|
|
{t('page.folderList.title', { postProcess: 'titleCase' })}
|
|
</LibraryHeaderBar.Title>
|
|
</LibraryHeaderBar>
|
|
</Flex>
|
|
</PageHeader>
|
|
</Stack>
|
|
);
|
|
};
|