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) => (
@@ -122,8 +123,12 @@ const DataForm = (props) => ( /> ))} -} + } +
+ +
+ {/* {props.loading ?
diff --git a/src/components/Dataform/index.js b/src/components/Dataform/index.js index d9aa88e..4acf54b 100644 --- a/src/components/Dataform/index.js +++ b/src/components/Dataform/index.js @@ -44,7 +44,7 @@ class DataFormContainer extends React.Component { const date = new Date(); - if (this.props.loadMoreItems && this.timeout < date.getTime() && !this.props.loading) { + if (this.props.loadMoreItems && this.timeout < date.getTime() && !this.props.loadingMoreItems) { this.timeout = date.getTime() + 500; this.loadMoreItems(); } else { @@ -145,7 +145,8 @@ const mapStateToProp = (state) => ({ search: state.filter.search, isGoogle: state.filter.isGoogle, loadMoreItems: state.main.loadMoreItems, - loading: state.main.loading + loading: state.main.loading, + loadingMoreItems: state.main.loadingMoreItems }) export default connect(mapStateToProp)(DataFormContainer); \ No newline at end of file diff --git a/src/reducers/main.js b/src/reducers/main.js index c2735f3..6b20eb6 100644 --- a/src/reducers/main.js +++ b/src/reducers/main.js @@ -14,6 +14,7 @@ const defaultState = { uploadOverlayOpen: false, leftSectionMode: "", rightSectionMode: "", + loadingMoreItems: false // resetSettingsMain: "", } @@ -32,6 +33,14 @@ export default (state = defaultState, action) => { // } + case "LOADING_MORE_ITEMS": { + + return { + ...state, + loadingMoreItems: action.loading + } + } + case "SET_LEFT_SECTION_MODE": { return { diff --git a/src/styles/components/_Dataform.scss b/src/styles/components/_Dataform.scss index 19841d0..331b4e7 100644 --- a/src/styles/components/_Dataform.scss +++ b/src/styles/components/_Dataform.scss @@ -22,4 +22,12 @@ display: flex; justify-content: center; align-items: center; +} + +.dataform-loadmore-files { + width: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-top: 17px; } \ No newline at end of file