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

Merge pull request #674 from ente-io/first-load-message

Browse source 
redesign first load message
This commit is contained in:
Manav 2022-07-28 11:22:45 +05:30 committed by GitHub
parent b1f2e98a1a 9cc0cdb701
commit fd7d0968fc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -14,7 +14,7 @@ import {
trashFiles,
deleteFromTrash,
} from 'services/fileService';
import { styled } from '@mui/material';
import { styled, Typography } from '@mui/material';
import {
syncCollections,
getFavItemIds,
@ -101,6 +101,7 @@ import UploadInputs from 'components/UploadSelectorInputs';
import useFileInput from 'hooks/useFileInput';
import { User } from 'types/user';
import { getData, LS_KEYS } from 'utils/storage/localStorage';
import { CenteredFlex } from 'components/Container';
export const DeadCenter = styled('div')`
flex: 1;
@ -110,12 +111,6 @@ export const DeadCenter = styled('div')`
text-align: center;
flex-direction: column;
`;
const AlertContainer = styled('div')`
background-color: #111;
padding: 5px 0;
font-size: 14px;
text-align: center;
`;
const defaultGalleryContext: GalleryContextType = {
thumbs: new Map(),
@ -606,9 +601,11 @@ export default function Gallery() {
</LoadingOverlay>
)}
{isFirstLoad && (
<AlertContainer>
{constants.INITIAL_LOAD_DELAY_WARNING}
</AlertContainer>
<CenteredFlex>
<Typography color="text.secondary" variant="body2">
{constants.INITIAL_LOAD_DELAY_WARNING}
</Typography>
</CenteredFlex>
)}
<PlanSelector
modalView={planModalView}