vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-09 20:29:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

Change type name, add paginated table

Browse Source
This commit is contained in:
jeffvli
2022-12-26 04:47:40 -08:00
parent 1883164150
commit 5ed06f79b3
8 changed files with 25 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/albums/components/album-list-content.tsx
+2 -2
View File
@@ -5,7 +5,7 @@ import {
VirtualInfiniteGridRef,
} from '/@/renderer/components';
import { AppRoute } from '/@/renderer/router/routes';
import { CardDisplayType, CardRow, LibraryItem } from '/@/renderer/types';
import { ListDisplayType, CardRow, LibraryItem } from '/@/renderer/types';
import AutoSizer from 'react-virtualized-auto-sizer';
import { MutableRefObject, useCallback, useMemo } from 'react';
import { ListOnScrollProps } from 'react-window';
@@ -145,7 +145,7 @@ export const AlbumListContent = ({ gridRef }: AlbumListContentProps) => {
<VirtualInfiniteGrid
ref={gridRef}
cardRows={cardRows}
display={page.display || CardDisplayType.CARD}
display={page.display || ListDisplayType.CARD}
fetchFn={fetch}
handlePlayQueueAdd={handlePlayQueueAdd}
height={height}
src/renderer/features/albums/components/album-list-header.tsx
+7 -7
View File
@@ -37,7 +37,7 @@ import {
useSetAlbumFilters,
useSetAlbumStore,
} from '/@/renderer/store';
import { CardDisplayType } from '/@/renderer/types';
import { ListDisplayType } from '/@/renderer/types';
const FILTERS = {
jellyfin: [
@@ -198,12 +198,12 @@ export const AlbumListHeader = ({ gridRef }: AlbumListHeaderProps) => {
(e: MouseEvent<HTMLButtonElement>) => {
if (!e.currentTarget?.value) return;
const type = e.currentTarget.value;
if (type === CardDisplayType.CARD) {
setPage({ list: { ...page, display: CardDisplayType.CARD } });
} else if (type === CardDisplayType.POSTER) {
setPage({ list: { ...page, display: CardDisplayType.POSTER } });
if (type === ListDisplayType.CARD) {
setPage({ list: { ...page, display: ListDisplayType.CARD } });
} else if (type === ListDisplayType.POSTER) {
setPage({ list: { ...page, display: ListDisplayType.POSTER } });
} else {
setPage({ list: { ...page, display: CardDisplayType.TABLE } });
setPage({ list: { ...page, display: ListDisplayType.TABLE } });
}
},
[page, setPage],
@@ -264,7 +264,7 @@ export const AlbumListHeader = ({ gridRef }: AlbumListHeaderProps) => {
</DropdownMenu.Item>
<DropdownMenu.Item
disabled
$isActive={page.display === CardDisplayType.TABLE}
$isActive={page.display === ListDisplayType.TABLE}
value="list"
onClick={handleSetViewType}
>