filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2025-01-01 13:42:19 +03:00
Code Issues Packages Projects Releases Wiki Activity

hide checkboxes for allobjects and other actions for deleted files when deleting

Browse Source
This commit is contained in:
tarafanlin 2020-12-03 21:06:23 -08:00
parent 701a13efaf
commit 69928fc8a4
2 changed files with 52 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
components/core/DataView.js
View File

@ -559,7 +559,7 @@ export default class DataView extends React.Component {
<SVG.MoreHorizontal height="24px" />
)}
{this.state.menu === each.id ? (
{this.state.menu === each.id && !this.state.loading[cid] ? (
<Boundary
captureResize={true}
captureScroll={false}
@ -595,24 +595,28 @@ export default class DataView extends React.Component {
</Boundary>
) : null}
</div>
<div onClick={(e) => this._handleCheckBox(e, i)}>
<CheckBox
name={i}
value={!!this.state.checked[i]}
boxStyle={{
height: 24,
width: 24,
backgroundColor: this.state.checked[i]
? Constants.system.brand
: "rgba(255, 255, 255, 0.75)",
}}
style={{
position: "absolute",
bottom: 8,
left: 8,
}}
/>
</div>
{Object.keys(this.state.loading).every(
(k) => this.state.loading[k] === false
) && (
<div onClick={(e) => this._handleCheckBox(e, i)}>
<CheckBox
name={i}
value={!!this.state.checked[i]}
boxStyle={{
height: 24,
width: 24,
backgroundColor: this.state.checked[i]
? Constants.system.brand
: "rgba(255, 255, 255, 0.75)",
}}
style={{
position: "absolute",
bottom: 8,
left: 8,
}}
/>
</div>
)}
</React.Fragment>
) : null}
</span>

52
components/core/SlateLayout.js
View File

@ -1072,7 +1072,6 @@ export class SlateLayout extends React.Component {
_handleLoading = ({ cids }) => {
let loading = this.state.loading;
for (let cid of cids) {
console.log(this.state.loading);
Events.dispatchCustomEvent({
name: "slate-global-carousel-loading",
detail: { loading: !this.state.loading[cid] },
@ -1080,7 +1079,6 @@ export class SlateLayout extends React.Component {
loading[cid] = !this.state.loading[cid];
}
this.setState({ loading });
console.log("loading", loading);
};
_stopProp = (e) => {
@ -1293,7 +1291,11 @@ export class SlateLayout extends React.Component {
css={this.state.editing ? STYLES_ITEM_EDITING : STYLES_ITEM}
key={i}
name={i}
onMouseEnter={() => this.setState({ hover: i })}
onMouseEnter={() =>
this.setState(
this.state.loading[this.state.items[i].cid] ? { hover: null } : { hover: i }
)
}
onMouseLeave={() => this.setState({ hover: null })}
onMouseDown={this.state.editing ? (e) => this._handleMouseDown(e, i) : () => {}}
onClick={this.state.editing ? () => {} : () => this.props.onSelect(i)}
@ -1349,26 +1351,30 @@ export class SlateLayout extends React.Component {
this.setState({ checked });
}}
>
<CheckBox
name={i}
value={!!this.state.checked[i]}
onChange={this._handleCheckBox}
boxStyle={{
height: 24,
width: 24,
backgroundColor: this.state.checked[i]
? Constants.system.brand
: "rgba(255, 255, 255, 0.75)",
boxShadow: this.state.checked[i]
? "none"
: "0 0 0 2px #C3C3C4 inset",
}}
style={{
position: "absolute",
top: 8,
left: 8,
}}
/>
{Object.keys(this.state.loading).every(
(k) => this.state.loading[k] === false
) && (
<CheckBox
name={i}
value={!!this.state.checked[i]}
onChange={this._handleCheckBox}
boxStyle={{
height: 24,
width: 24,
backgroundColor: this.state.checked[i]
? Constants.system.brand
: "rgba(255, 255, 255, 0.75)",
boxShadow: this.state.checked[i]
? "none"
: "0 0 0 2px #C3C3C4 inset",
}}
style={{
position: "absolute",
top: 8,
left: 8,
}}
/>
)}
</div>
)}
{this.state.hover !== i ? null : this.state.editing ? (