filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-09-20 10:47:18 +03:00
Code Issues Packages Projects Releases Wiki Activity

working

Browse Source
This commit is contained in:
William Felker 2020-10-20 14:57:48 +08:00
parent d51096e128
commit a77c99f279
1 changed files with 7 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
components/core/DataView.js
View File

@ -19,8 +19,6 @@ import { TabGroup } from "~/components/core/TabGroup";
import SlateMediaObjectPreview from "~/components/core/SlateMediaObjectPreview";
import FilePreviewBubble from "~/components/core/FilePreviewBubble";
const VIEW_LIMIT = 5;
const STYLES_CONTAINER_HOVER = css`
display: flex;
@ -106,12 +104,6 @@ const STYLES_ICON_BOX_BACKGROUND = css`
right: 8px;
`;
const STYLES_ARROWS = css`
display: flex;
align-items: center;
justify-content: flex-end;
`;
const STYLES_ACTION_BAR = css`
display: flex;
align-items: center;
@ -153,28 +145,6 @@ const STYLES_FILES_SELECTED = css`
}
`;
const STYLES_ICON_ELEMENT = css`
height: 40px;
width: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #565151;
user-select: none;
cursor: pointer;
pointer-events: auto;
margin: 16px 8px;
:hover {
color: ${Constants.system.brand};
}
svg {
transform: rotate(0deg);
transition: 200ms ease transform;
}
`;
const STYLES_COPY_INPUT = css`
pointer-events: none;
position: absolute;
@ -231,7 +201,7 @@ export default class DataView extends React.Component {
startIndex: 0,
checked: {},
view: "grid",
viewLimit: 3,
viewLimit: 20,
};
async componentDidMount() {
@ -284,11 +254,11 @@ export default class DataView extends React.Component {
_increment = (direction) => {
if (
direction > 0 &&
this.state.startIndex + VIEW_LIMIT < this.props.viewer.library[0].children.length
this.state.startIndex + this.state.viewLimit < this.props.viewer.library[0].children.length
) {
this.setState({ startIndex: this.state.startIndex + VIEW_LIMIT });
} else if (direction < 0 && this.state.startIndex - VIEW_LIMIT >= 0) {
this.setState({ startIndex: this.state.startIndex - VIEW_LIMIT });
this.setState({ startIndex: this.state.startIndex + this.state.viewLimit });
} else if (direction < 0 && this.state.startIndex - this.state.viewLimit >= 0) {
this.setState({ startIndex: this.state.startIndex - this.state.viewLimit });
}
};
@ -594,7 +564,7 @@ export default class DataView extends React.Component {
{header}
<div css={STYLES_IMAGE_GRID}>
{this.props.items
.slice(this.state.startIndex, this.state.startIndex + VIEW_LIMIT)
.slice(this.state.startIndex, this.state.startIndex + this.state.viewLimit)
.map((each, i) => {
const cid = each.ipfs.replace("/ipfs/", "");
return (
@ -749,7 +719,7 @@ export default class DataView extends React.Component {
},
];
const rows = this.props.items
.slice(this.state.startIndex, this.state.startIndex + VIEW_LIMIT)
.slice(this.state.startIndex, this.state.startIndex + this.state.viewLimit)
.map((each, index) => {
const cid = each.ipfs.replace("/ipfs/", "");
const isOnNetwork = each.networks && each.networks.includes("FILECOIN");