thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

chore: issue peek overview improvement (#3821)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2024-02-28 15:22:20 +05:30 committed by GitHub
parent 895ff03cf2
commit 1f5d54260a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/components/issues/peek-overview/view.tsx
View File

@ -5,6 +5,7 @@ import { observer } from "mobx-react-lite";
// hooks // hooks
import useOutsideClickDetector from "hooks/use-outside-click-detector"; import useOutsideClickDetector from "hooks/use-outside-click-detector";
import useKeypress from "hooks/use-keypress"; import useKeypress from "hooks/use-keypress";
import useToast from "hooks/use-toast";
// store hooks // store hooks
import { useIssueDetail } from "hooks/store"; import { useIssueDetail } from "hooks/store";
// components // components
@ -47,12 +48,18 @@ export const IssueView: FC<IIssueView> = observer((props) => {
issue: { getIssueById }, issue: { getIssueById },
} = useIssueDetail(); } = useIssueDetail();
const issue = getIssueById(issueId); const issue = getIssueById(issueId);
// hooks
const { alerts } = useToast();
// remove peek id // remove peek id
const removeRoutePeekId = () => { const removeRoutePeekId = () => {
setPeekIssue(undefined); setPeekIssue(undefined);
}; };
// hooks
useOutsideClickDetector(issuePeekOverviewRef, () => !isAnyModalOpen && removeRoutePeekId()); useOutsideClickDetector(issuePeekOverviewRef, () => {
if (!isAnyModalOpen && (!alerts || alerts.length === 0)) {
removeRoutePeekId();
}
});
const handleKeyDown = () => !isAnyModalOpen && removeRoutePeekId(); const handleKeyDown = () => !isAnyModalOpen && removeRoutePeekId();
useKeypress("Escape", handleKeyDown); useKeypress("Escape", handleKeyDown);