diff --git a/web/src/screens/settings/Irc.tsx b/web/src/screens/settings/Irc.tsx index 41578d2..d26a303 100644 --- a/web/src/screens/settings/Irc.tsx +++ b/web/src/screens/settings/Irc.tsx @@ -612,6 +612,21 @@ export const Events = ({ network, channel }: EventsProps) => { const [settings] = SettingsContext.use(); const messagesEndRef = useRef(null); + const [isFullscreen, toggleFullscreen] = useToggle(false); + + useEffect(() => { + const handleKeyDown = (event: KeyboardEvent) => { + if (event.key === "Escape" && isFullscreen) { + toggleFullscreen(); + } + }; + + window.addEventListener("keydown", handleKeyDown); + + return () => { + window.removeEventListener("keydown", handleKeyDown); + }; + }, [isFullscreen, toggleFullscreen]); const [logs, setLogs] = useState([]); @@ -661,11 +676,30 @@ export const Events = ({ network, channel }: EventsProps) => { }, [settings]); return ( -
+
+
- -
+
{logs.map((entry, idx) => (