52 lines
1.6 KiB
TypeScript
52 lines
1.6 KiB
TypeScript
import { BaseItemKind } from '@jellyfin/sdk/lib/generated-client/models/base-item-kind';
|
|
import React, { FC } from 'react';
|
|
import { useGetGenres } from 'hooks/useFetchItems';
|
|
import globalize from 'scripts/globalize';
|
|
import Loading from 'components/loading/LoadingComponent';
|
|
import GenresSectionContainer from './GenresSectionContainer';
|
|
import { CollectionType } from 'types/collectionType';
|
|
import { ParentId } from 'types/library';
|
|
|
|
interface GenresItemsContainerProps {
|
|
parentId: ParentId;
|
|
collectionType: CollectionType;
|
|
itemType: BaseItemKind;
|
|
}
|
|
|
|
const GenresItemsContainer: FC<GenresItemsContainerProps> = ({
|
|
parentId,
|
|
collectionType,
|
|
itemType
|
|
}) => {
|
|
const { isLoading, data: genresResult } = useGetGenres(
|
|
itemType,
|
|
parentId
|
|
);
|
|
|
|
if (isLoading) {
|
|
return <Loading />;
|
|
}
|
|
|
|
return (
|
|
<>
|
|
{!genresResult?.Items?.length ? (
|
|
<div className='noItemsMessage centerMessage'>
|
|
<h1>{globalize.translate('MessageNothingHere')}</h1>
|
|
<p>{globalize.translate('MessageNoGenresAvailable')}</p>
|
|
</div>
|
|
) : (
|
|
genresResult?.Items?.map((genre) => (
|
|
<GenresSectionContainer
|
|
key={genre.Id}
|
|
collectionType={collectionType}
|
|
parentId={parentId}
|
|
itemType={itemType}
|
|
genre={genre}
|
|
/>
|
|
))
|
|
)}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default GenresItemsContainer;
|