LaconicNetwork/stargaze-studio
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix the issue re: sorting large asset files

Browse Source
This commit is contained in:
Serkan Reis 2022-10-07 09:46:58 +03:00
parent 7266ea5af2
commit 5f89492a31
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/collections/creation/UploadDetails.tsx
View File

@ -1,3 +1,5 @@
// eslint-disable-next-line eslint-comments/disable-enable-pair
/* eslint-disable @typescript-eslint/no-loop-func */
import clsx from 'clsx' import clsx from 'clsx'
import { Alert } from 'components/Alert' import { Alert } from 'components/Alert'
import { Anchor } from 'components/Anchor' import { Anchor } from 'components/Anchor'
@ -92,6 +94,7 @@ export const UploadDetails = ({ onChange }: UploadDetailsProps) => {
return return
} }
} }
let loadedFileCount = 0
const files: File[] = [] const files: File[] = []
let reader: FileReader let reader: FileReader
for (let i = 0; i < event.target.files.length; i++) { for (let i = 0; i < event.target.files.length; i++) {
@ -103,9 +106,10 @@ export const UploadDetails = ({ onChange }: UploadDetailsProps) => {
files.push(assetFile) files.push(assetFile)
} }
reader.readAsArrayBuffer(event.target.files[i]) reader.readAsArrayBuffer(event.target.files[i])
reader.onloadend = (e) => { reader.onloadend = () => {
if (!event.target.files) return toast.error('No file selected.') if (!event.target.files) return toast.error('No file selected.')
if (i === event.target.files.length - 1) { loadedFileCount++
if (loadedFileCount === event.target.files.length) {
setAssetFilesArray(files.sort((a, b) => naturalCompare(a.name, b.name))) setAssetFilesArray(files.sort((a, b) => naturalCompare(a.name, b.name)))
} }
} }
@ -131,6 +135,7 @@ export const UploadDetails = ({ onChange }: UploadDetailsProps) => {
return return
} }
} }
let loadedFileCount = 0
const files: File[] = [] const files: File[] = []
let reader: FileReader let reader: FileReader
for (let i = 0; i < event.target.files.length; i++) { for (let i = 0; i < event.target.files.length; i++) {
@ -142,9 +147,10 @@ export const UploadDetails = ({ onChange }: UploadDetailsProps) => {
files.push(metadataFile) files.push(metadataFile)
} }
reader.readAsText(event.target.files[i], 'utf8') reader.readAsText(event.target.files[i], 'utf8')
reader.onloadend = (e) => { reader.onloadend = () => {
if (!event.target.files) return toast.error('No file selected.') if (!event.target.files) return toast.error('No file selected.')
if (i === event.target.files.length - 1) { loadedFileCount++
if (loadedFileCount === event.target.files.length) {
setMetadataFilesArray(files.sort((a, b) => naturalCompare(a.name, b.name))) setMetadataFilesArray(files.sort((a, b) => naturalCompare(a.name, b.name)))
} }
} }