diff --git a/static/js/app/filesView.js b/static/js/app/filesView.js
index c2c1ba9f..882cdd47 100644
--- a/static/js/app/filesView.js
+++ b/static/js/app/filesView.js
@@ -125,12 +125,16 @@ async function loadFiles(options = { insertHistory: true}) {
window.isLoadingFiles = true;
- elements.filesGrid.innerHTML = `
-
-
-
${window.i18n ? window.i18n.t('files.loading') : 'Loading files…'}
-
- `;
+ // This to avoid blinking page, a better solution would be to put loading on an overlay and remove timeout
+ let loadingFiles = setTimeout( () => {
+ // display loader after few delay (will be canceled if result take less time)
+ elements.filesGrid.innerHTML = `
+
+
+
${window.i18n ? window.i18n.t('files.loading') : 'Loading files…'}
+
+ `;
+ }, 100);
if (!app.userHomeFolderId) {
await window.resolveHomeFolder();
@@ -186,6 +190,9 @@ async function loadFiles(options = { insertHistory: true}) {
console.log(`Loading listing from ${url}`);
const response = await fetch(url, requestOptions);
+ // not required anymore
+ clearTimeout( loadingFiles);
+
if (response.status === 401 || response.status === 403) {
console.warn("Auth error when loading files, showing empty list");
elements.filesGrid.innerHTML = '';