sonot
/
PteroTheme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Don't crash the browser as hard when loading a directory with more than 250 files

This commit is contained in:
Dane Everitt 2019-09-29 15:25:23 -07:00
parent 5301ab4235
commit 6f65f6a217
No known key found for this signature in database
GPG Key ID: EEA66103B3D71F53
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
resources/scripts/components/server/files/FileManagerContainer.tsx
View File

@ -79,7 +79,21 @@ export default () => {
: :
<CSSTransition classNames={'fade'} timeout={250} appear={true} in={true}> <CSSTransition classNames={'fade'} timeout={250} appear={true} in={true}>
<div> <div>
{files.length > 250 ?
<React.Fragment>
<div className={'rounded bg-yellow-400 mb-px p-3'}>
<p className={'text-yellow-900 text-sm text-center'}>
This directory is too large to display in the browser, limiting
the output to the first 250 files.
</p>
</div>
{ {
files.slice(0, 500).map(file => (
<FileObjectRow key={file.uuid} file={file}/>
))
}
</React.Fragment>
:
files.map(file => ( files.map(file => (
<FileObjectRow key={file.uuid} file={file}/> <FileObjectRow key={file.uuid} file={file}/>
)) ))