diff --git a/src/pages/gallery/index.tsx b/src/pages/gallery/index.tsx index 0c1345907..49ecc00f3 100644 --- a/src/pages/gallery/index.tsx +++ b/src/pages/gallery/index.tsx @@ -30,6 +30,7 @@ import { } from 'services/collectionService'; import constants from 'utils/strings/constants'; import ErrorAlert from './components/ErrorAlert'; +import { Alert } from 'react-bootstrap'; const DATE_CONTAINER_HEIGHT = 45; const IMAGE_CONTAINER_HEIGHT = 200; @@ -295,9 +296,12 @@ export default function Gallery(props) { } }; - if (!data || loading) { + if (!data || loading || data.length == 0) { return (
+ + {constants.INITIAL_LOAD_DELAY_WARNING} +
); diff --git a/src/utils/strings/englishConstants.tsx b/src/utils/strings/englishConstants.tsx index 4e76c934d..3d55533d6 100644 --- a/src/utils/strings/englishConstants.tsx +++ b/src/utils/strings/englishConstants.tsx @@ -63,7 +63,8 @@ const englishConstants = { 'You have exceeded your designated storage Quota, please upgrade your plan to add more files', WEB_SIGNUPS_DISABLED: 'Web signups are disabled for now, please install the mobile app and signup there', - USER_DOES_NOT_EXIST: 'Incorrect EmailId, No such user exists', + USER_DOES_NOT_EXIST: 'Incorrect emailId, no such user exists', + INITIAL_LOAD_DELAY_WARNING: 'Please wait, intial load may take some time', }; export default englishConstants;