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

Attempt to enable shortcuts on photoView

Browse source
This commit is contained in:
Neeraj Gupta 2022-10-28 19:12:00 +05:30
parent bce60813fd
commit c47ebfdc2e
No known key found for this signature in database
GPG key ID: 3C5A1684DC1729E1
1 changed files with 45 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
src/components/PhotoViewer/index.tsx
View file

@ -72,6 +72,34 @@ function PhotoViewer(props: Iprops) {
useEffect(() => {
if (!pswpElement) return;
function handleKeyUp(event) {
if (!isOpen) {
return;
}
console.log(
'Event: ' + event.key + ' isShiftPressedx: ' + event.shiftKey
);
switch (event.key) {
case 'i':
if (isOpen && !showInfo) {
setShowInfo(true);
}
break;
case 'Backspace':
confirmTrashFile(photoSwipe?.currItem as EnteFile);
break;
case 'd':
case 'D':
if (event.shiftKey) {
downloadFileHelper(photoSwipe?.currItem as EnteFile);
}
break;
default:
break;
}
}
window.addEventListener('keyup', handleKeyUp);
if (isOpen) {
openPhotoSwipe();
}
@ -80,6 +108,8 @@ function PhotoViewer(props: Iprops) {
}
return () => {
closePhotoSwipe();
console.log('Removing listner');
window.removeEventListener('keyup', handleKeyUp);
};
}, [isOpen]);
@ -277,8 +307,12 @@ function PhotoViewer(props: Iprops) {
needUpdate.current = true;
};
const confirmTrashFile = (file: EnteFile) =>
const confirmTrashFile = (file: EnteFile) => {
if (props.isSharedCollection || props.isTrashCollection) {
return;
}
appContext.setDialogMessage(getTrashFileMessage(() => trashFile(file)));
};
const updateItems = (items = []) => {
if (photoSwipe) {
@ -336,15 +370,16 @@ function PhotoViewer(props: Iprops) {
};
const downloadFileHelper = async (file) => {
appContext.startLoading();
await downloadFile(
file,
publicCollectionGalleryContext.accessedThroughSharedURL,
publicCollectionGalleryContext.token,
publicCollectionGalleryContext.passwordToken
);
appContext.finishLoading();
if (props.enableDownload) {
appContext.startLoading();
await downloadFile(
file,
publicCollectionGalleryContext.accessedThroughSharedURL,
publicCollectionGalleryContext.token,
publicCollectionGalleryContext.passwordToken
);
appContext.finishLoading();
}
};
const scheduleUpdate = () => (needUpdate.current = true);
const { id } = props;