remove query form GenresItemsContainer
This commit is contained in:
parent
bdff9b14f1
commit
f4b878bea2
2 changed files with 3 additions and 5 deletions
|
@ -10,16 +10,14 @@ import cardBuilder from '../../components/cardbuilder/cardBuilder';
|
||||||
import layoutManager from '../../components/layoutManager';
|
import layoutManager from '../../components/layoutManager';
|
||||||
import lazyLoader from '../../components/lazyLoader/lazyLoaderIntersectionObserver';
|
import lazyLoader from '../../components/lazyLoader/lazyLoaderIntersectionObserver';
|
||||||
import globalize from '../../scripts/globalize';
|
import globalize from '../../scripts/globalize';
|
||||||
import { IQuery } from './type';
|
|
||||||
|
|
||||||
type GenresItemsContainerProps = {
|
type GenresItemsContainerProps = {
|
||||||
topParentId?: string | null;
|
topParentId?: string | null;
|
||||||
getCurrentViewStyle: () => string;
|
getCurrentViewStyle: () => string;
|
||||||
query: IQuery;
|
|
||||||
itemsResult?: BaseItemDtoQueryResult;
|
itemsResult?: BaseItemDtoQueryResult;
|
||||||
}
|
}
|
||||||
|
|
||||||
const GenresItemsContainer: FunctionComponent<GenresItemsContainerProps> = ({ topParentId, getCurrentViewStyle, query, itemsResult = {} }: GenresItemsContainerProps) => {
|
const GenresItemsContainer: FunctionComponent<GenresItemsContainerProps> = ({ topParentId, getCurrentViewStyle, itemsResult = {} }: GenresItemsContainerProps) => {
|
||||||
const element = useRef<HTMLDivElement>(null);
|
const element = useRef<HTMLDivElement>(null);
|
||||||
|
|
||||||
const enableScrollX = useCallback(() => {
|
const enableScrollX = useCallback(() => {
|
||||||
|
@ -154,7 +152,7 @@ const GenresItemsContainer: FunctionComponent<GenresItemsContainerProps> = ({ to
|
||||||
|
|
||||||
elem.innerHTML = html;
|
elem.innerHTML = html;
|
||||||
lazyLoader.lazyChildren(elem, fillItemsContainer);
|
lazyLoader.lazyChildren(elem, fillItemsContainer);
|
||||||
}, [getCurrentViewStyle, query.SortBy, itemsResult.Items, fillItemsContainer, topParentId, enableScrollX]);
|
}, [getCurrentViewStyle, itemsResult.Items, fillItemsContainer, topParentId, enableScrollX]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div ref={element}>
|
<div ref={element}>
|
||||||
|
|
|
@ -53,7 +53,7 @@ const GenresView: FunctionComponent<IProps> = ({ topParentId }: IProps) => {
|
||||||
}, [reloadItems]);
|
}, [reloadItems]);
|
||||||
return (
|
return (
|
||||||
<div ref={element}>
|
<div ref={element}>
|
||||||
<GenresItemsContainer topParentId={topParentId} getCurrentViewStyle={getCurrentViewStyle} query={query} itemsResult={itemsResult} />
|
<GenresItemsContainer topParentId={topParentId} getCurrentViewStyle={getCurrentViewStyle} itemsResult={itemsResult} />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue