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

Readd Hotkey for Dual Display

Browse Source
This commit is contained in:
blessedcoolant 2022-11-03 04:07:57 +13:00 committed by Lincoln Stein
parent 1f0bd3ca6c
commit 1ae80f5ab9
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/features/tabs/InvokeWorkarea.tsx
View File

@ -1,6 +1,7 @@
import { Tooltip } from '@chakra-ui/react';
import { createSelector } from '@reduxjs/toolkit';
import { ReactNode } from 'react';
import { useHotkeys } from 'react-hotkeys-hook';
import { VscSplitHorizontal } from 'react-icons/vsc';
import { RootState, useAppDispatch, useAppSelector } from '../../app/store';
import ImageGallery from '../gallery/ImageGallery';
@ -26,6 +27,23 @@ const InvokeWorkarea = (props: InvokeWorkareaProps) => {
const { optionsPanel, children, styleClass } = props;
const { showDualDisplay, activeTabName } = useAppSelector(workareaSelector);
const handleDualDisplay = () => {
dispatch(setShowDualDisplay(!showDualDisplay));
};
// Hotkeys
// Toggle split view
useHotkeys(
'shift+j',
() => {
handleDualDisplay();
},
{
enabled: activeTabName === 'inpainting',
},
[showDualDisplay]
);
return (
<div
className={
@ -41,7 +59,7 @@ const InvokeWorkarea = (props: InvokeWorkareaProps) => {
<div
className="workarea-split-button"
data-selected={showDualDisplay}
onClick={() => dispatch(setShowDualDisplay(!showDualDisplay))}
onClick={handleDualDisplay}
>
<VscSplitHorizontal />
</div>