55 lines
1.8 KiB
TypeScript
55 lines
1.8 KiB
TypeScript
import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
|
|
import { lazy, MutableRefObject, Suspense } from 'react';
|
|
import { Spinner } from '/@/renderer/components';
|
|
import { VirtualInfiniteGridRef } from '/@/renderer/components/virtual-grid';
|
|
import { ListDisplayType } from '/@/renderer/types';
|
|
import { useListStoreByKey } from '../../../store/list.store';
|
|
import { useListContext } from '/@/renderer/context/list-context';
|
|
|
|
const AlbumArtistListGridView = lazy(() =>
|
|
import('/@/renderer/features/artists/components/album-artist-list-grid-view').then(
|
|
(module) => ({
|
|
default: module.AlbumArtistListGridView,
|
|
}),
|
|
),
|
|
);
|
|
|
|
const AlbumArtistListTableView = lazy(() =>
|
|
import('/@/renderer/features/artists/components/album-artist-list-table-view').then(
|
|
(module) => ({
|
|
default: module.AlbumArtistListTableView,
|
|
}),
|
|
),
|
|
);
|
|
|
|
interface AlbumArtistListContentProps {
|
|
gridRef: MutableRefObject<VirtualInfiniteGridRef | null>;
|
|
itemCount?: number;
|
|
tableRef: MutableRefObject<AgGridReactType | null>;
|
|
}
|
|
|
|
export const AlbumArtistListContent = ({
|
|
itemCount,
|
|
gridRef,
|
|
tableRef,
|
|
}: AlbumArtistListContentProps) => {
|
|
const { pageKey } = useListContext();
|
|
const { display } = useListStoreByKey({ key: pageKey });
|
|
const isGrid = display === ListDisplayType.CARD || display === ListDisplayType.POSTER;
|
|
|
|
return (
|
|
<Suspense fallback={<Spinner container />}>
|
|
{isGrid ? (
|
|
<AlbumArtistListGridView
|
|
gridRef={gridRef}
|
|
itemCount={itemCount}
|
|
/>
|
|
) : (
|
|
<AlbumArtistListTableView
|
|
itemCount={itemCount}
|
|
tableRef={tableRef}
|
|
/>
|
|
)}
|
|
</Suspense>
|
|
);
|
|
};
|