diff --git a/src/actions/files.js b/src/actions/files.js index ecbf144..83c4919 100644 --- a/src/actions/files.js +++ b/src/actions/files.js @@ -1,5 +1,5 @@ import {addUpload, editUpload, cancelUpload} from "./uploads"; -import {loadMoreItems, setLoading} from "./main" +import {loadMoreItems, setLoading, setLoadingMoreItems} from "./main" import {resetSelected} from "./selectedItem"; import {addQuickFile, startSetQuickFiles, setQuickFiles} from "./quickFiles"; import {startSetStorage} from "./storage" @@ -296,6 +296,8 @@ export const startLoadMoreFiles = (parent="/", sortby="DEFAULT", search="", star //dispatch(setLoading(true)) + dispatch(setLoadingMoreItems(true)); + let limit = window.localStorage.getItem("list-size") || 50 limit = parseInt(limit) @@ -314,6 +316,7 @@ export const startLoadMoreFiles = (parent="/", sortby="DEFAULT", search="", star dispatch(loadMoreItems(true)) } + dispatch(setLoadingMoreItems(false)); //dispatch(setLoading(false)) }).catch((err) => { @@ -336,7 +339,8 @@ export const startLoadMoreFiles = (parent="/", sortby="DEFAULT", search="", star dispatch(loadMoreItems(true)) } - dispatch(setLoading(false)) + // dispatch(setLoading(false)) + dispatch(setLoadingMoreItems(false)); }).catch((err) => { console.log(err) diff --git a/src/actions/main.js b/src/actions/main.js index f65b6f8..2b851ad 100644 --- a/src/actions/main.js +++ b/src/actions/main.js @@ -71,6 +71,11 @@ export const setRightSectionMode = (mode) => ({ mode }) +export const setLoadingMoreItems = (loading) => ({ + type: "LOADING_MORE_ITEMS", + loading +}) + // export const resetSettingsMain = (id) => ({ // type: "RESET_SETTINGS_MAIN", // id diff --git a/src/components/Dataform/DataForm.js b/src/components/Dataform/DataForm.js index 913cd62..ed4b46f 100644 --- a/src/components/Dataform/DataForm.js +++ b/src/components/Dataform/DataForm.js @@ -4,6 +4,7 @@ import React from "react"; import QuickAccess from "../QuickAccess"; import ParentBar from "../ParentBar"; import Spinner from "../Spinner"; +import SpinnerImage from "../SpinnerImage"; const DataForm = (props) => (