Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): open in new tab @ hoverable image

Browse Source
This commit is contained in:
psychedelicious 2023-04-24 22:11:37 +10:00
parent bee29714d9
commit c1b10b2222
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
invokeai/frontend/web/public/locales/en.json
View File

@ -99,7 +99,8 @@
"loading": "Loading",
"loadingInvokeAI": "Loading Invoke AI",
"random": "Random",
"generate": "Generate"
"generate": "Generate",
"openInNewTab": "Open in New Tab"
},
"gallery": {
"generations": "Generations",

7
invokeai/frontend/web/src/features/gallery/components/HoverableImage.tsx
View File

@ -169,11 +169,18 @@ const HoverableImage = memo((props: HoverableImageProps) => {
// dispatch(setIsLightboxOpen(true));
};
const handleOpenInNewTab = () => {
window.open(getUrl(image.url), '_blank');
};
return (
<ContextMenu<HTMLDivElement>
menuProps={{ size: 'sm', isLazy: true }}
renderMenu={() => (
<MenuList>
<MenuItem onClickCapture={handleOpenInNewTab}>
{t('common.openInNewTab')}
</MenuItem>
{!disabledFeatures.includes('lightbox') && (
<MenuItem onClickCapture={handleLightBox}>
{t('parameters.openInViewer')}