beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

added jumbotron when no photos

Browse source
This commit is contained in:
Abhinav-grd 2021-03-09 13:29:45 +05:30
parent 692d3468b8
commit 325684c524
1 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/pages/gallery/index.tsx
View file

@ -23,7 +23,7 @@ import {
} from 'services/collectionService'; } from 'services/collectionService';
import constants from 'utils/strings/constants'; import constants from 'utils/strings/constants';
import AlertBanner from './components/AlertBanner'; import AlertBanner from './components/AlertBanner';
import { Alert } from 'react-bootstrap'; import { Alert, Button, Jumbotron } from 'react-bootstrap';
const DATE_CONTAINER_HEIGHT = 45; const DATE_CONTAINER_HEIGHT = 45;
const IMAGE_CONTAINER_HEIGHT = 200; const IMAGE_CONTAINER_HEIGHT = 200;
@ -340,7 +340,23 @@ export default function Gallery(props) {
refetchData={syncWithRemote} refetchData={syncWithRemote}
setBannerErrorCode={setBannerErrorCode} setBannerErrorCode={setBannerErrorCode}
/> />
{filteredData.length ? ( {!isFirstLoad && data.length == 0 ? (
<Jumbotron>
<h1>Welcome to ente!</h1>
<p>
you don't seem to have any photo uploaded , click on
upload to start preserving your memories
</p>
<p>
<Button
variant="primary"
onClick={props.showUploadModal}
>
upload
</Button>
</p>
</Jumbotron>
) : filteredData.length ? (
<Container> <Container>
<AutoSizer> <AutoSizer>
{({ height, width }) => { {({ height, width }) => {