3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-04-29 10:16:32 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Close expanded poll with esc key (#1253)

Browse source
This commit is contained in:
Luke Vella 2024-08-10 16:41:16 +01:00 • committed by GitHub
parent c57428df83
commit acb7aa88da
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
apps/web/src/components/poll/desktop-poll.tsx
View file

@ -37,6 +37,24 @@ import ParticipantRow from "./desktop-poll/participant-row";
import ParticipantRowForm from "./desktop-poll/participant-row-form";
import PollHeader from "./desktop-poll/poll-header";
function EscapeListener({ onEscape }: { onEscape: () => void }) {
React.useEffect(() => {
const handleEscape = (event: KeyboardEvent) => {
if (event.key === "Escape") {
onEscape();
}
};
document.addEventListener("keydown", handleEscape);
return () => {
document.removeEventListener("keydown", handleEscape);
};
}, [onEscape]);
return null;
}
const useIsOverflowing = <E extends Element | null>(
ref: React.RefObject<E>,
) => {
@ -204,6 +222,7 @@ const DesktopPoll: React.FunctionComponent = () => {
</TooltipContent>
</Tooltip>
)}
{expanded ? <EscapeListener onEscape={collapse} /> : null}
</div>
</div>
);