This commit is contained in:
Abhinav 2022-06-25 14:30:06 +05:30
parent f41d5be773
commit 1b4f1de70b
2 changed files with 11 additions and 11 deletions

View file

@ -4,7 +4,7 @@ import { COLLECTION_SORT_BY } from 'constants/collection';
import { sortCollectionSummaries } from 'services/collectionService'; import { sortCollectionSummaries } from 'services/collectionService';
import { import {
Transition, Transition,
AllCollectionContainer, AllCollectionDialog,
} from 'components/Collections/AllCollections/Container'; } from 'components/Collections/AllCollections/Container';
import { useLocalState } from 'hooks/useLocalState'; import { useLocalState } from 'hooks/useLocalState';
import { LS_KEYS } from 'utils/storage/localStorage'; import { LS_KEYS } from 'utils/storage/localStorage';
@ -15,8 +15,8 @@ import { AllCollectionTile } from '../styledComponents';
import { isSystemCollection } from 'utils/collection'; import { isSystemCollection } from 'utils/collection';
interface Iprops { interface Iprops {
isOpen: boolean; open: boolean;
close: () => void; onClose: () => void;
collectionSummaries: CollectionSummaries; collectionSummaries: CollectionSummaries;
setActiveCollection: (id?: number) => void; setActiveCollection: (id?: number) => void;
} }
@ -24,7 +24,7 @@ interface Iprops {
const LeftSlideTransition = Transition('up'); const LeftSlideTransition = Transition('up');
export default function AllCollections(props: Iprops) { export default function AllCollections(props: Iprops) {
const { collectionSummaries, isOpen, close, setActiveCollection } = props; const { collectionSummaries, open, onClose, setActiveCollection } = props;
const [collectionSortBy, setCollectionSortBy] = const [collectionSortBy, setCollectionSortBy] =
useLocalState<COLLECTION_SORT_BY>( useLocalState<COLLECTION_SORT_BY>(
@ -45,14 +45,14 @@ export default function AllCollections(props: Iprops) {
const onCollectionClick = (collectionID: number) => { const onCollectionClick = (collectionID: number) => {
setActiveCollection(collectionID); setActiveCollection(collectionID);
close(); onClose();
}; };
return ( return (
<AllCollectionContainer <AllCollectionDialog
TransitionComponent={LeftSlideTransition} TransitionComponent={LeftSlideTransition}
onClose={close} onClose={onClose}
open={isOpen}> open={open}>
<AllCollectionsHeader <AllCollectionsHeader
onClose={close} onClose={close}
collectionCount={props.collectionSummaries.size} collectionCount={props.collectionSummaries.size}
@ -65,6 +65,6 @@ export default function AllCollections(props: Iprops) {
collectionSummaries={sortedCollectionSummaries} collectionSummaries={sortedCollectionSummaries}
onCollectionClick={onCollectionClick} onCollectionClick={onCollectionClick}
/> />
</AllCollectionContainer> </AllCollectionDialog>
); );
} }

View file

@ -89,8 +89,8 @@ export default function Collections(props: Iprops) {
/> />
<AllCollections <AllCollections
isOpen={allCollectionView} open={allCollectionView}
close={() => setAllCollectionView(false)} onClose={() => setAllCollectionView(false)}
collectionSummaries={collectionSummaries} collectionSummaries={collectionSummaries}
setActiveCollection={setActiveCollectionID} setActiveCollection={setActiveCollectionID}
/> />