diff --git a/packages/strapi-plugin-upload/admin/src/containers/HomePage/HomePageContent/HomePageSettings.js b/packages/strapi-plugin-upload/admin/src/containers/HomePage/HomePageContent/HomePageSettings.js index 149e989d54..de032f7860 100644 --- a/packages/strapi-plugin-upload/admin/src/containers/HomePage/HomePageContent/HomePageSettings.js +++ b/packages/strapi-plugin-upload/admin/src/containers/HomePage/HomePageContent/HomePageSettings.js @@ -1,7 +1,7 @@ import React, { useEffect, useState } from 'react'; import PropTypes from 'prop-types'; import { useDebounce } from '@buffetjs/hooks'; -import { HeaderSearch, useGlobalContext, useQuery } from 'strapi-helper-plugin'; +import { HeaderSearch, useGlobalContext, useQuery, LoadingIndicator } from 'strapi-helper-plugin'; import { useAppContext } from '../../../hooks'; import { getTrad, getFileModelTimestamps } from '../../../utils'; @@ -15,6 +15,7 @@ const HomePageSettings = ({ areAllCheckboxesSelected, filters, hasSomeCheckboxSelected, + isLoading, onChange, onFilterDelete, onSelectAll, @@ -53,21 +54,28 @@ const HomePageSettings = ({ name="_q" value={searchValue} /> - - {canUpdate && ( - <> - - - - )} - - - - + {isLoading ? ( + <> + + + + ) : ( + + {canUpdate && ( + <> + + + + )} + + + + + )} ); }; @@ -85,6 +93,7 @@ HomePageSettings.propTypes = { areAllCheckboxesSelected: PropTypes.bool, filters: PropTypes.array, hasSomeCheckboxSelected: PropTypes.bool, + isLoading: PropTypes.bool.isRequired, onChange: PropTypes.func, onFilterDelete: PropTypes.func, onSelectAll: PropTypes.func, diff --git a/packages/strapi-plugin-upload/admin/src/containers/HomePage/HomePageContent/index.js b/packages/strapi-plugin-upload/admin/src/containers/HomePage/HomePageContent/index.js index ba82b01eb4..ea5a80101c 100644 --- a/packages/strapi-plugin-upload/admin/src/containers/HomePage/HomePageContent/index.js +++ b/packages/strapi-plugin-upload/admin/src/containers/HomePage/HomePageContent/index.js @@ -11,6 +11,7 @@ const HomePageContent = ({ data, dataCount, dataToDelete, + isLoading, onCardCheck, onCardClick, onClick, @@ -41,6 +42,7 @@ const HomePageContent = ({ areAllCheckboxesSelected={areAllCheckboxesSelected} filters={filters} hasSomeCheckboxSelected={hasSomeCheckboxSelected} + isLoading={isLoading} onChange={onParamsChange} onFilterDelete={onFilterDelete} onSelectAll={onSelectAll} @@ -63,6 +65,7 @@ HomePageContent.defaultProps = { data: [], dataCount: 0, dataToDelete: [], + isLoading: false, onCardCheck: () => {}, onCardClick: () => {}, onClick: () => {}, @@ -75,6 +78,7 @@ HomePageContent.propTypes = { data: PropTypes.array, dataCount: PropTypes.number, dataToDelete: PropTypes.array, + isLoading: PropTypes.bool, onCardCheck: PropTypes.func, onCardClick: PropTypes.func, onClick: PropTypes.func, diff --git a/packages/strapi-plugin-upload/admin/src/containers/HomePage/index.js b/packages/strapi-plugin-upload/admin/src/containers/HomePage/index.js index 1ac0829558..8a940909bb 100644 --- a/packages/strapi-plugin-upload/admin/src/containers/HomePage/index.js +++ b/packages/strapi-plugin-upload/admin/src/containers/HomePage/index.js @@ -5,7 +5,6 @@ import { Header } from '@buffetjs/custom'; import { Button } from '@buffetjs/core'; import { PopUpWarning, - LoadingIndicator, useGlobalContext, generateFiltersFromSearch, generateSearchFromFilters, @@ -326,6 +325,7 @@ const HomePage = () => { data={data} dataCount={dataCount} dataToDelete={dataToDelete} + isLoading={isLoading} onCardCheck={handleChangeCheck} onCardClick={handleClickEditFile} onClick={handleClickToggleModal} @@ -338,14 +338,7 @@ const HomePage = () => { return (
- {isLoading ? ( - <> - - - - ) : ( - content - )} + {content}