feishin/src/renderer/features/albums/routes/album-list-route.tsx

29 lines
952 B
TypeScript
Raw Normal View History

2022-12-24 20:20:17 -08:00
import { VirtualGridContainer, VirtualInfiniteGridRef } from '/@/renderer/components';
2022-12-19 15:59:14 -08:00
import { AnimatedPage } from '/@/renderer/features/shared';
import { AlbumListHeader } from '/@/renderer/features/albums/components/album-list-header';
import { AlbumListContent } from '/@/renderer/features/albums/components/album-list-content';
2022-12-24 20:20:17 -08:00
import { useRef } from 'react';
2022-12-28 01:44:49 -08:00
import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
2022-12-19 15:59:14 -08:00
const AlbumListRoute = () => {
2022-12-24 20:20:17 -08:00
const gridRef = useRef<VirtualInfiniteGridRef | null>(null);
2022-12-28 01:44:49 -08:00
const tableRef = useRef<AgGridReactType | null>(null);
2022-12-24 20:20:17 -08:00
2022-12-19 15:59:14 -08:00
return (
<AnimatedPage>
<VirtualGridContainer>
2022-12-28 01:44:49 -08:00
<AlbumListHeader
gridRef={gridRef}
tableRef={tableRef}
/>
<AlbumListContent
gridRef={gridRef}
tableRef={tableRef}
/>
2022-12-19 15:59:14 -08:00
</VirtualGridContainer>
</AnimatedPage>
);
};
export default AlbumListRoute;