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

files: allow multiple files to be selected in finder for upload

Browse Source
This commit is contained in:
jimmylee 2020-08-24 00:05:08 -07:00
parent db5bb6e281
commit 572f2c16e4
1 changed files with 6 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/sidebars/SidebarAddFileToBucket.js
View File

@ -87,10 +87,7 @@ export default class SidebarAddFileToBucket extends React.Component {
for (let i = 0; i < files.length; i++) {
const file = files[i];
const slate =
this.props.data && this.props.data.slateId
? { id: this.props.data.slateId }
: null;
const slate = this.props.data && this.props.data.slateId ? { id: this.props.data.slateId } : null;
const response = await this.props.onUploadFile({
file,
@ -114,20 +111,12 @@ export default class SidebarAddFileToBucket extends React.Component {
render() {
return (
<React.Fragment>
<System.P style={{ fontFamily: Constants.font.semiBold }}>
Upload data
</System.P>
<input
css={STYLES_FILE_HIDDEN}
type="file"
id="file"
onChange={this._handleUpload}
/>
<System.P style={{ fontFamily: Constants.font.semiBold }}>Upload data</System.P>
<input css={STYLES_FILE_HIDDEN} type="file" multiple id="file" onChange={this._handleUpload} />
{this.props.data && this.props.data.decorator === "SLATE" ? (
<System.P style={{ marginTop: 24 }}>
This will add data to your Slate named{" "}
<strong>{this.props.data.slatename}</strong>.
This will add data to your Slate named <strong>{this.props.data.slatename}</strong>.
</System.P>
) : null}
@ -136,17 +125,12 @@ export default class SidebarAddFileToBucket extends React.Component {
type="label"
htmlFor="file"
style={{ marginTop: 24 }}
loading={!!this.props.fileLoading}
>
loading={!!this.props.fileLoading}>
Add file
</System.ButtonPrimary>
{!this.props.fileLoading ? (
<System.ButtonSecondary
full
style={{ marginTop: 16 }}
onClick={this.props.onCancel}
>
<System.ButtonSecondary full style={{ marginTop: 16 }} onClick={this.props.onCancel}>
Cancel
</System.ButtonSecondary>
) : null}