Web: Files: FormGallery: removed useless code

This commit is contained in:
Nikita Gopienko 2022-08-10 11:28:57 +03:00
parent deffed2d14
commit 08c41f5121
2 changed files with 5 additions and 51 deletions

View File

@ -43,7 +43,7 @@ const SectionBodyContent = ({
descriptionText={t("EmptyScreenDescription")}
/>
) : (
<TileContainer useReactWindow={false} className="tile-container">
<TileContainer className="tile-container">
{oformFiles.map((item, index) => (
<FileTile key={`${item.id}_${index}`} item={item} />
))}

View File

@ -1,71 +1,25 @@
import React, { memo } from "react";
import React from "react";
import { withTranslation } from "react-i18next";
import PropTypes from "prop-types";
import { FixedSizeList as List, areEqual } from "react-window";
import AutoSizer from "react-virtualized-auto-sizer";
import CustomScrollbarsVirtualList from "@docspace/components/scrollbar";
import { StyledGridWrapper, StyledTileContainer } from "../StyledTileView";
class TileContainer extends React.PureComponent {
renderTile = memo(({ data, index, style }) => {
return <div style={style}>{data[index]}</div>;
}, areEqual);
render() {
const {
itemHeight,
children,
useReactWindow,
id,
className,
style,
} = this.props;
const renderList = ({ height, width }) => (
<List
className="list"
height={height}
width={width}
itemSize={itemHeight}
itemCount={children.length}
itemData={children}
outerElementType={CustomScrollbarsVirtualList}
>
{this.renderTile}
</List>
);
const { children, id, className, style } = this.props;
return (
<StyledTileContainer
id={id}
className={className}
style={style}
useReactWindow={useReactWindow}
>
{useReactWindow ? (
<AutoSizer>{renderList}</AutoSizer>
) : (
<StyledGridWrapper>{children}</StyledGridWrapper>
)}
<StyledTileContainer id={id} className={className} style={style}>
<StyledGridWrapper>{children}</StyledGridWrapper>
</StyledTileContainer>
);
}
}
TileContainer.propTypes = {
itemHeight: PropTypes.number,
manualHeight: PropTypes.string,
children: PropTypes.any.isRequired,
useReactWindow: PropTypes.bool,
className: PropTypes.string,
id: PropTypes.string,
style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
};
TileContainer.defaultProps = {
itemHeight: 50,
useReactWindow: true,
id: "rowContainer",
};
export default withTranslation(["Files", "Common"])(TileContainer);