Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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

16
resources/scripts/components/server/files/FileManagerContainer.tsx
View file

@ -79,7 +79,21 @@ export default () => {
:
<CSSTransition classNames={'fade'} timeout={250} appear={true} in={true}>
<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 => (
<FileObjectRow key={file.uuid} file={file}/>
))