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

move cursor style to upload buttons

Browse source
This commit is contained in:
Abhinav 2023-02-21 18:43:16 +05:30
parent 3ac9a0e2e1
commit f6e9363e37
1 changed files with 84 additions and 80 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

164
src/components/EmptyScreen.tsx
View file

@ -24,7 +24,6 @@ const Wrapper = styled(Box)`
const NonDraggableImage = styled('img')` const NonDraggableImage = styled('img')`
pointer-events: none; pointer-events: none;
`; `;
export default function EmptyScreen({ openUploader }) { export default function EmptyScreen({ openUploader }) {
const deduplicateContext = useContext(DeduplicateContext); const deduplicateContext = useContext(DeduplicateContext);
return deduplicateContext.isOnDeduplicatePage ? ( return deduplicateContext.isOnDeduplicatePage ? (
@ -58,90 +57,95 @@ export default function EmptyScreen({ openUploader }) {
srcSet="/images/empty-state/ente_duck@2x.png, srcSet="/images/empty-state/ente_duck@2x.png,
/images/empty-state/ente_duck@3x.png" /images/empty-state/ente_duck@3x.png"
/> />
<span
style={{ <VerticallyCentered paddingTop={1.5} paddingBottom={1.5}>
cursor: <Button
!uploadManager.shouldAllowNewUpload() && 'not-allowed', style={{
}}> cursor:
<VerticallyCentered paddingTop={1.5} paddingBottom={1.5}> !uploadManager.shouldAllowNewUpload() &&
<Button 'not-allowed',
color="accent" }}
onClick={() => color="accent"
openUploader(UploadTypeSelectorIntent.normalUpload) onClick={() =>
} openUploader(UploadTypeSelectorIntent.normalUpload)
disabled={!uploadManager.shouldAllowNewUpload()} }
sx={{ disabled={!uploadManager.shouldAllowNewUpload()}
mt: 1.5, sx={{
p: 1, mt: 1.5,
width: 320, p: 1,
borderRadius: 0.5, width: 320,
}}> borderRadius: 0.5,
<FlexWrapper sx={{ gap: 1 }} justifyContent="center"> }}>
<AddPhotoAlternateIcon />
{constants.UPLOAD_FIRST_PHOTO}
</FlexWrapper>
</Button>
<Button
onClick={() =>
openUploader(UploadTypeSelectorIntent.import)
}
disabled={!uploadManager.shouldAllowNewUpload()}
sx={{
mt: 1.5,
p: 1,
width: 320,
borderRadius: 0.5,
}}>
<FlexWrapper sx={{ gap: 1 }} justifyContent="center">
<FolderIcon />
{constants.IMPORT_YOUR_FOLDERS}
</FlexWrapper>
</Button>
</VerticallyCentered>
<VerticallyCentered
paddingTop={3}
paddingBottom={3}
sx={{ gap: 3 }}>
<FlexWrapper sx={{ gap: 1 }} justifyContent="center"> <FlexWrapper sx={{ gap: 1 }} justifyContent="center">
<a href="https://apps.apple.com/app/id1542026904"> <AddPhotoAlternateIcon />
<NonDraggableImage {constants.UPLOAD_FIRST_PHOTO}
height={59} </FlexWrapper>
src="/images/download_assets/download_app_store.png" </Button>
srcSet="/images/download_assets/download_app_store@2x.png, <Button
style={{
cursor:
!uploadManager.shouldAllowNewUpload() &&
'not-allowed',
}}
onClick={() =>
openUploader(UploadTypeSelectorIntent.import)
}
disabled={!uploadManager.shouldAllowNewUpload()}
sx={{
mt: 1.5,
p: 1,
width: 320,
borderRadius: 0.5,
}}>
<FlexWrapper sx={{ gap: 1 }} justifyContent="center">
<FolderIcon />
{constants.IMPORT_YOUR_FOLDERS}
</FlexWrapper>
</Button>
</VerticallyCentered>
<VerticallyCentered
paddingTop={3}
paddingBottom={3}
sx={{ gap: 3 }}>
<FlexWrapper sx={{ gap: 1 }} justifyContent="center">
<a href="https://apps.apple.com/app/id1542026904">
<NonDraggableImage
height={59}
src="/images/download_assets/download_app_store.png"
srcSet="/images/download_assets/download_app_store@2x.png,
/images/download_assets/download_app_store@3x.png" /images/download_assets/download_app_store@3x.png"
/> />
</a> </a>
<a href="https://play.app.goo.gl/?link=https://play.google.com/store/apps/details?id=io.ente.photos"> <a href="https://play.app.goo.gl/?link=https://play.google.com/store/apps/details?id=io.ente.photos">
<NonDraggableImage <NonDraggableImage
height={59} height={59}
src="/images/download_assets/download_play_store.png" src="/images/download_assets/download_play_store.png"
srcSet="/images/download_assets/download_play_store@2x.png, srcSet="/images/download_assets/download_play_store@2x.png,
/images/download_assets/download_play_store@3x.png" /images/download_assets/download_play_store@3x.png"
/> />
</a> </a>
</FlexWrapper> </FlexWrapper>
<FlexWrapper sx={{ gap: 1 }} justifyContent="center"> <FlexWrapper sx={{ gap: 1 }} justifyContent="center">
<a href="https://f-droid.org/packages/io.ente.photos.fdroid/"> <a href="https://f-droid.org/packages/io.ente.photos.fdroid/">
<NonDraggableImage <NonDraggableImage
height={49} height={49}
src="/images/download_assets/download_fdroid.png" src="/images/download_assets/download_fdroid.png"
srcSet="/images/download_assets/download_fdroid@2x.png, srcSet="/images/download_assets/download_fdroid@2x.png,
/images/download_assets/download_fdroid@3x.png" /images/download_assets/download_fdroid@3x.png"
style={{ pointerEvents: 'none' }} style={{ pointerEvents: 'none' }}
/> />
</a> </a>
<a href="https://github.com/ente-io"> <a href="https://github.com/ente-io">
<NonDraggableImage <NonDraggableImage
height={49} height={49}
src="/images/download_assets/download_github.png" src="/images/download_assets/download_github.png"
srcSet="/images/download_assets/download_github@2x.png, srcSet="/images/download_assets/download_github@2x.png,
/images/download_assets/download_github@3x.png" /images/download_assets/download_github@3x.png"
style={{ pointerEvents: 'none' }} style={{ pointerEvents: 'none' }}
/> />
</a> </a>
</FlexWrapper> </FlexWrapper>
</VerticallyCentered> </VerticallyCentered>
</span>
</Wrapper> </Wrapper>
); );
} }