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

add overrideQuery to all list views

Browse Source
This commit is contained in:
jeffvli
2025-11-15 13:23:27 -08:00
parent 6d50454e72
commit 00a012df78
6 changed files with 78 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/playlists/components/playlist-list-content.tsx
+30 -18
View File
@@ -3,34 +3,45 @@ import { lazy, Suspense } from 'react';
import { usePlaylistListFilters } from '/@/renderer/features/playlists/hooks/use-playlist-list-filters';
import { ItemListSettings, useCurrentServer, useListSettings } from '/@/renderer/store';
import { Spinner } from '/@/shared/components/spinner/spinner';
import { PlaylistListQuery } from '/@/shared/types/domain-types';
import { ItemListKey, ListDisplayType, ListPaginationType } from '/@/shared/types/types';
const PlaylistListInfiniteGrid = lazy(() =>
import('/@/renderer/features/playlists/components/playlist-list-infinite-grid').then((module) => ({
default: module.PlaylistListInfiniteGrid,
})),
import('/@/renderer/features/playlists/components/playlist-list-infinite-grid').then(
(module) => ({
default: module.PlaylistListInfiniteGrid,
}),
),
);
const PlaylistListPaginatedGrid = lazy(() =>
import('/@/renderer/features/playlists/components/playlist-list-paginated-grid').then((module) => ({
default: module.PlaylistListPaginatedGrid,
})),
import('/@/renderer/features/playlists/components/playlist-list-paginated-grid').then(
(module) => ({
default: module.PlaylistListPaginatedGrid,
}),
),
);
const PlaylistListInfiniteTable = lazy(() =>
import('/@/renderer/features/playlists/components/playlist-list-infinite-table').then((module) => ({
default: module.PlaylistListInfiniteTable,
})),
import('/@/renderer/features/playlists/components/playlist-list-infinite-table').then(
(module) => ({
default: module.PlaylistListInfiniteTable,
}),
),
);
const PlaylistListPaginatedTable = lazy(() =>
import('/@/renderer/features/playlists/components/playlist-list-paginated-table').then((module) => ({
default: module.PlaylistListPaginatedTable,
})),
import('/@/renderer/features/playlists/components/playlist-list-paginated-table').then(
(module) => ({
default: module.PlaylistListPaginatedTable,
}),
),
);
export const PlaylistListContent = () => {
const { display, grid, itemsPerPage, pagination, table } = useListSettings(ItemListKey.PLAYLIST);
const { display, grid, itemsPerPage, pagination, table } = useListSettings(
ItemListKey.PLAYLIST,
);
return (
<Suspense fallback={<Spinner container />}>
@@ -49,9 +60,10 @@ export const PlaylistListView = ({
display,
grid,
itemsPerPage,
overrideQuery,
pagination,
table,
}: ItemListSettings) => {
}: ItemListSettings & { overrideQuery?: Omit<PlaylistListQuery, 'limit' | 'startIndex'> }) => {
const server = useCurrentServer();
const { query } = usePlaylistListFilters();
@@ -65,7 +77,7 @@ export const PlaylistListView = ({
gap={grid.itemGap}
itemsPerPage={itemsPerPage}
itemsPerRow={grid.itemsPerRowEnabled ? grid.itemsPerRow : undefined}
query={query}
query={overrideQuery ?? query}
serverId={server.id}
/>
);
@@ -76,7 +88,7 @@ export const PlaylistListView = ({
gap={grid.itemGap}
itemsPerPage={itemsPerPage}
itemsPerRow={grid.itemsPerRowEnabled ? grid.itemsPerRow : undefined}
query={query}
query={overrideQuery ?? query}
serverId={server.id}
/>
);
@@ -97,7 +109,7 @@ export const PlaylistListView = ({
enableRowHoverHighlight={table.enableRowHoverHighlight}
enableVerticalBorders={table.enableVerticalBorders}
itemsPerPage={itemsPerPage}
query={query}
query={overrideQuery ?? query}
serverId={server.id}
size={table.size}
/>
@@ -113,7 +125,7 @@ export const PlaylistListView = ({
enableRowHoverHighlight={table.enableRowHoverHighlight}
enableVerticalBorders={table.enableVerticalBorders}
itemsPerPage={itemsPerPage}
query={query}
query={overrideQuery ?? query}
serverId={server.id}
size={table.size}
/>