Fixes double scroll in the allCollectionList dialog
This commit is contained in:
parent
7061120325
commit
bcfa346fd3
|
@ -15,6 +15,16 @@ import { AllCollectionMobileBreakpoint } from './dialog';
|
|||
const MobileColumns = 2;
|
||||
const DesktopColumns = 3;
|
||||
|
||||
const CollectionRowItemSize = 154;
|
||||
const getCollectionRowListHeight = (
|
||||
collectionRowList: CollectionSummary[][],
|
||||
windowSize: { height: number; width: number }
|
||||
) =>
|
||||
Math.min(
|
||||
collectionRowList.length * CollectionRowItemSize,
|
||||
windowSize?.height - 177
|
||||
) ?? 0;
|
||||
|
||||
interface Iprops {
|
||||
collectionSummaries: CollectionSummary[];
|
||||
onCollectionClick: (id?: number) => void;
|
||||
|
@ -50,7 +60,7 @@ const AllCollectionRow = React.memo(
|
|||
const collectionRow = collectionRowList[index];
|
||||
return (
|
||||
<div style={style}>
|
||||
<FlexWrapper gap={0.5}>
|
||||
<FlexWrapper gap={'4px'} padding={'16px'}>
|
||||
{collectionRow.map((item: any) => (
|
||||
<AllCollectionCard
|
||||
isScrolling={isScrolling}
|
||||
|
@ -121,12 +131,15 @@ export default function AllCollectionContent({
|
|||
const itemData = createItemData(collectionRowList, onCollectionClick);
|
||||
|
||||
return (
|
||||
<DialogContent>
|
||||
<DialogContent sx={{ overflow: 'hidden', '&&': { padding: 0 } }}>
|
||||
<List
|
||||
height={windowSize.height ?? 0}
|
||||
height={getCollectionRowListHeight(
|
||||
collectionRowList,
|
||||
windowSize
|
||||
)}
|
||||
width={'100%'}
|
||||
itemCount={collectionRowList.length}
|
||||
itemSize={154}
|
||||
itemSize={CollectionRowItemSize}
|
||||
itemData={itemData}>
|
||||
{AllCollectionRow}
|
||||
</List>
|
||||
|
|
Loading…
Reference in a new issue