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

18
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,13 +57,14 @@ 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={{
cursor:
!uploadManager.shouldAllowNewUpload() && 'not-allowed',
}}>
<VerticallyCentered paddingTop={1.5} paddingBottom={1.5}> <VerticallyCentered paddingTop={1.5} paddingBottom={1.5}>
<Button <Button
style={{
cursor:
!uploadManager.shouldAllowNewUpload() &&
'not-allowed',
}}
color="accent" color="accent"
onClick={() => onClick={() =>
openUploader(UploadTypeSelectorIntent.normalUpload) openUploader(UploadTypeSelectorIntent.normalUpload)
@ -82,6 +82,11 @@ export default function EmptyScreen({ openUploader }) {
</FlexWrapper> </FlexWrapper>
</Button> </Button>
<Button <Button
style={{
cursor:
!uploadManager.shouldAllowNewUpload() &&
'not-allowed',
}}
onClick={() => onClick={() =>
openUploader(UploadTypeSelectorIntent.import) openUploader(UploadTypeSelectorIntent.import)
} }
@ -141,7 +146,6 @@ export default function EmptyScreen({ openUploader }) {
</a> </a>
</FlexWrapper> </FlexWrapper>
</VerticallyCentered> </VerticallyCentered>
</span>
</Wrapper> </Wrapper>
); );
} }