Skip to content

Commit 989e1ac

Browse files
JinSSJ3JinSSJ3
committed
[REF]: Change example to avoid 1 extra line when children of dropzone is an empty array
1 parent 8843640 commit 989e1ac

19 files changed

+50
-96
lines changed

‎README.md‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,6 @@
33
</p>
44
<h1 align="center">Files ui</h1>
55

6-
7-
8-
9-
10-
116
<div align="center">
127

138
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/dropzone-ui/react/blob/HEAD/LICENSE)
@@ -46,4 +41,4 @@ npm i @files-ui/react
4641
```sh
4742
// with yarn
4843
yarn add @files-ui/react
49-
```
44+
```

‎src/components/code-generator/InteractiveDemo.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ const InteractiveDemo = (props) => {
3333
uploadOnDrop
3434
fakeUploading
3535
>
36-
{files.length > 0 &&
36+
{/* files.length > 0 && */
3737
files.map((file) => (
3838
<FileItem
3939
{...file}

‎src/components/demo-components/dropzone-demo/AdvancedDropzoneCodeJS.jsx‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,8 +28,7 @@ const splittedCodeJS = `<Dropzone
2828
uploadOnDrop
2929
fakeUploading
3030
>
31-
{files.length > 0 &&
32-
files.map((file) => (
31+
{files.map((file) => (
3332
<FileItem
3433
{...file}
3534
key={file.id}
@@ -75,8 +74,7 @@ export default function App() {
7574
uploadOnDrop
7675
fakeUploading
7776
>
78-
{files.length > 0 &&
79-
files.map((file) => (
77+
{files.map((file) => (
8078
<FileItem
8179
{...file}
8280
key={file.id}

‎src/components/demo-components/dropzone-demo/AdvancedDropzoneDemo.jsx‎

Lines changed: 9 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,10 @@ export default function AdvancedDropzoneDemo() {
1919
const [videoSrc, setVideoSrc] = React.useState(undefined);
2020

2121
const updateFiles = (incommingFiles) => {
22-
console.log("incomming extFiles outside", incommingFiles.map(x=>x.uploadStatus));
22+
console.log(
23+
"incomming extFiles outside",
24+
incommingFiles.map((x) => x.uploadStatus)
25+
);
2326

2427
const arrExtFIleInstances = incommingFiles.map(
2528
(extFile) => new ExtFileInstance(extFile)
@@ -92,39 +95,30 @@ export default function AdvancedDropzoneDemo() {
9295
return (
9396
<>
9497
<Dropzone
95-
//onClean={onClean}
9698
onChange={updateFiles}
9799
minHeight="195px"
98100
value={extFiles}
99-
/* maxFiles={3}
100-
maxFileSize={2998000 * 20} */
101+
maxFiles={3}
102+
/*maxFileSize={2998000 * 20} */
101103
label="Drag'n drop files here or click to browse"
102104
// accept=".png,image/*, video/*"
103105
uploadConfig={{
104106
/* autoUpload: true */
105107
method: "POST",
106108
url: REMOTE + "/file/28048465460",
107-
//url: "http://localhost:2800/file/28048465460",
108109
cleanOnUpload: true,
109110
}}
110111
onUploadStart={handleStart}
111112
onUploadFinish={handleFinish}
112113
//fakeUpload
113114
actionButtons={{
114-
position: "bottom",
115+
position: "after",
115116
abortButton: {},
116-
// cleanButton: {},
117-
deleteButton: {
118-
//resetStyles:true
119-
},
117+
deleteButton: {},
120118
uploadButton: {},
121119
}}
122-
//onClean={()=>alert("cleaninnng")}
123-
//cleanFiles
124-
//autoClean
125120
>
126-
{extFiles.length > 0 &&
127-
extFiles.map((file) => (
121+
{extFiles.map((file) => (
128122
<FileMosaic
129123
{...file}
130124
key={file.id}

‎src/components/demo-components/dropzone-demo/BasicDropzoneCodeJS.jsx‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -117,17 +117,15 @@ const splittedCodeJS = `<Dropzone
117117
onChange={updateFiles}
118118
value={files}
119119
>
120-
{files.length > 0 &&
121-
files.map((file) => (
120+
{files.map((file) => (
122121
<FileMosaic key={file.id} {...file} onDelete={removeFile} info/>
123122
))}
124123
</Dropzone>`;
125124
const splittedCodeTS = `<Dropzone
126125
onChange={updateFiles}
127126
value={files}
128127
>
129-
{files.length > 0 &&
130-
files.map((file: ExtFile) => (
128+
{files.map((file: ExtFile) => (
131129
<FileMosaic key={file.id} {...file} onDelete={removeFile} info={true}/>
132130
))}
133131
</Dropzone>`;
@@ -149,8 +147,7 @@ export default function BasicDemoDropzone() {
149147
onChange={updateFiles}
150148
value={files}
151149
>
152-
{files.length > 0 &&
153-
files.map((file) => (
150+
{files.map((file) => (
154151
<FileMosaic key={file.id} {...file} onDelete={removeFile} info />
155152
))}
156153
</Dropzone>
@@ -175,8 +172,7 @@ export default function BasicDemoDropzone() {
175172
onChange={updateFiles}
176173
value={files}
177174
>
178-
{files.length > 0 &&
179-
files.map((file:ExtFile) => (
175+
{files.map((file:ExtFile) => (
180176
<FileMosaic key={file.id} {...file} onDelete={removeFile} info={true} />
181177
))}
182178
</Dropzone>

‎src/components/demo-components/dropzone-demo/BasicDropzoneDemo.jsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -48,8 +48,7 @@ export default function BasicDemoDropzone({ button }) {
4848
}
4949
return (
5050
<Dropzone onChange={updateFiles} value={files}>
51-
{files.length > 0 &&
52-
files.map((file) => (
51+
{files.map((file) => (
5352
<FileMosaic key={file.id} {...file} onDelete={removeFile} info />
5453
))}
5554
</Dropzone>

‎src/components/demo-components/dropzone-demo/CodeDemoDropzoneActionButtons.jsx‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -189,8 +189,7 @@ const splittedCodeJS = `<Dropzone
189189
deleteButton: {},
190190
}}
191191
>
192-
{files.length > 0 &&
193-
files.map((file) => (
192+
{files.map((file) => (
194193
<FileMosaic key={file.id} {...file} onDelete={removeFile} info/>
195194
))}
196195
</Dropzone>`;
@@ -208,8 +207,7 @@ const splittedCodeTS = `<Dropzone
208207
deleteButton: {},
209208
}}
210209
>
211-
{files.length > 0 &&
212-
files.map((file: ExtFile) => (
210+
{files.map((file: ExtFile) => (
213211
<FileMosaic key={file.id} {...file} onDelete={removeFile} info/>
214212
))}
215213
</Dropzone>`;
@@ -241,8 +239,7 @@ export default function App() {
241239
deleteButton: {},
242240
}}
243241
>
244-
{files.length > 0 &&
245-
files.map((file) => (
242+
{files.map((file) => (
246243
<FileMosaic key={file.id} {...file} onDelete={removeFile} info />
247244
))}
248245
</Dropzone>
@@ -277,8 +274,7 @@ export default function App() {
277274
deleteButton: {},
278275
}}
279276
>
280-
{files.length > 0 &&
281-
files.map((file:ExtFile) => (
277+
{files.map((file:ExtFile) => (
282278
<FileMosaic key={file.id} {...file} onDelete={removeFile} info />
283279
))}
284280
</Dropzone>

‎src/components/demo-components/dropzone-demo/CodeDemoDropzoneCustomValidation.jsx‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -200,8 +200,7 @@ export default function App() {
200200
cleanFiles
201201
validator={myOwnValidation}
202202
>
203-
{files.length > 0 &&
204-
files.map((file) => (
203+
{files.map((file) => (
205204
<FileMosaic key={file.id} {...file} onDelete={removeFile} info />
206205
))}
207206
</Dropzone>
@@ -242,8 +241,7 @@ export default function App() {
242241
cleanFiles
243242
validator={myOwnValidation}
244243
>
245-
{files.length > 0 &&
246-
files.map((file:ExtFile) => (
244+
{files.map((file:ExtFile) => (
247245
<FileMosaic key={file.id} {...file} onDelete={removeFile} info={true} />
248246
))}
249247
</Dropzone>

‎src/components/demo-components/dropzone-demo/CodeDemoDropzoneFooterConfig.jsx‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,7 @@ const splittedCodeJS = `<Dropzone
1919
value={files}
2020
footerConfig={{ customMessage: "This is a custom message..." }}
2121
>
22-
{files.length > 0 &&
23-
files.map((file) => (
22+
{files.map((file) => (
2423
<FileMosaic key={file.id} {...file} onDelete={removeFile} info/>
2524
))}
2625
</Dropzone>`;
@@ -29,8 +28,7 @@ const splittedCodeTS = `<Dropzone
2928
value={files}
3029
footerConfig={{ customMessage: "This is a custom message..." }}
3130
>
32-
{files.length > 0 &&
33-
files.map((file: ExtFile) => (
31+
{files.map((file: ExtFile) => (
3432
<FileMosaic key={file.id} {...file} onDelete={removeFile} info/>
3533
))}
3634
</Dropzone>`;
@@ -53,8 +51,7 @@ export default function App() {
5351
value={files}
5452
footerConfig={{ customMessage: "This is a custom message..." }}
5553
>
56-
{files.length > 0 &&
57-
files.map((file) => (
54+
{files.map((file) => (
5855
<FileMosaic key={file.id} {...file} onDelete={removeFile} info />
5956
))}
6057
</Dropzone>
@@ -80,8 +77,7 @@ export default function App() {
8077
value={files}
8178
footerConfig={{ customMessage: "This is a custom message..." }}
8279
>
83-
{files.length > 0 &&
84-
files.map((file:ExtFile) => (
80+
{files.map((file:ExtFile) => (
8581
<FileMosaic key={file.id} {...file} onDelete={removeFile} info />
8682
))}
8783
</Dropzone>

‎src/components/demo-components/dropzone-demo/CodeDemoDropzoneHeaderConfig.jsx‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,7 @@ const splittedCodeJS = `<Dropzone
3030
),
3131
}}
3232
>
33-
{files.length > 0 &&
34-
files.map((file) => (
33+
{files.map((file) => (
3534
<FileMosaic key={file.id} {...file} onDelete={removeFile} info/>
3635
))}
3736
</Dropzone>`;
@@ -51,8 +50,7 @@ const splittedCodeTS = `<Dropzone
5150
),
5251
}}
5352
>
54-
{files.length > 0 &&
55-
files.map((file: ExtFile) => (
53+
{files.map((file: ExtFile) => (
5654
<FileMosaic key={file.id} {...file} onDelete={removeFile} info/>
5755
))}
5856
</Dropzone>`;
@@ -90,8 +88,7 @@ export default function App() {
9088
),
9189
}}
9290
>
93-
{files.length > 0 &&
94-
files.map((file) => (
91+
{files.map((file) => (
9592
<FileMosaic key={file.id} {...file} onDelete={removeFile} info />
9693
))}
9794
</Dropzone>
@@ -132,8 +129,7 @@ export default function App() {
132129
),
133130
}}
134131
>
135-
{files.length > 0 &&
136-
files.map((file:ExtFile) => (
132+
{files.map((file:ExtFile) => (
137133
<FileMosaic key={file.id} {...file} onDelete={removeFile} info />
138134
))}
139135
</Dropzone>

0 commit comments

Comments
 (0)