remove collections props from collection bar
This commit is contained in:
parent
594c9ad5df
commit
7848f20466
|
@ -1,6 +1,6 @@
|
||||||
import ScrollButton from 'components/Collections/CollectionBar/ScrollButton';
|
import ScrollButton from 'components/Collections/CollectionBar/ScrollButton';
|
||||||
import React, { useEffect, useMemo } from 'react';
|
import React, { useEffect, useMemo } from 'react';
|
||||||
import { Collection, CollectionSummaries } from 'types/collection';
|
import { CollectionSummaries } from 'types/collection';
|
||||||
import constants from 'utils/strings/constants';
|
import constants from 'utils/strings/constants';
|
||||||
import { ALL_SECTION, COLLECTION_SORT_BY } from 'constants/collection';
|
import { ALL_SECTION, COLLECTION_SORT_BY } from 'constants/collection';
|
||||||
import { Typography } from '@mui/material';
|
import { Typography } from '@mui/material';
|
||||||
|
@ -18,7 +18,6 @@ import { SpaceBetweenFlex } from 'components/Container';
|
||||||
import { sortCollectionSummaries } from 'services/collectionService';
|
import { sortCollectionSummaries } from 'services/collectionService';
|
||||||
|
|
||||||
interface IProps {
|
interface IProps {
|
||||||
collections: Collection[];
|
|
||||||
activeCollection?: number;
|
activeCollection?: number;
|
||||||
setActiveCollection: (id?: number) => void;
|
setActiveCollection: (id?: number) => void;
|
||||||
isInSearchMode: boolean;
|
isInSearchMode: boolean;
|
||||||
|
@ -29,7 +28,7 @@ interface IProps {
|
||||||
export default function CollectionBar(props: IProps) {
|
export default function CollectionBar(props: IProps) {
|
||||||
const {
|
const {
|
||||||
activeCollection,
|
activeCollection,
|
||||||
collections,
|
|
||||||
setActiveCollection,
|
setActiveCollection,
|
||||||
collectionSummaries,
|
collectionSummaries,
|
||||||
showAllCollections,
|
showAllCollections,
|
||||||
|
@ -53,12 +52,12 @@ export default function CollectionBar(props: IProps) {
|
||||||
onFarLeft,
|
onFarLeft,
|
||||||
onFarRight,
|
onFarRight,
|
||||||
} = useComponentScroll({
|
} = useComponentScroll({
|
||||||
dependencies: [windowSize, collections],
|
dependencies: [windowSize, collectionSummaries],
|
||||||
});
|
});
|
||||||
|
|
||||||
const collectionChipsRef = props.collections.reduce(
|
const collectionChipsRef = sortedCollectionSummary.reduce(
|
||||||
(refMap, collection) => {
|
(refMap, collectionSummary) => {
|
||||||
refMap[collection.id] = React.createRef();
|
refMap[collectionSummary.attributes.id] = React.createRef();
|
||||||
return refMap;
|
return refMap;
|
||||||
},
|
},
|
||||||
{}
|
{}
|
||||||
|
|
|
@ -45,7 +45,6 @@ export default function Collections(props: Iprops) {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<CollectionBar
|
<CollectionBar
|
||||||
collections={collections}
|
|
||||||
isInSearchMode={isInSearchMode}
|
isInSearchMode={isInSearchMode}
|
||||||
activeCollection={activeCollectionID}
|
activeCollection={activeCollectionID}
|
||||||
setActiveCollection={setActiveCollectionID}
|
setActiveCollection={setActiveCollectionID}
|
||||||
|
|
Loading…
Reference in a new issue