LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Add toggle chat keyboard shortcut. Closes #1892

Browse Source
This commit is contained in:
Gabe Kangas 2022-06-24 23:27:17 -07:00
parent 6de93f9651
commit e6b857f3b2
No known key found for this signature in database
GPG Key ID: 9A56337728BC81EA
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/components/common/UserDropdown/UserDropdown.tsx
View File

@ -8,6 +8,7 @@ import {
} from '@ant-design/icons';
import { useRecoilState, useRecoilValue } from 'recoil';
import { useState } from 'react';
import { useHotkeys } from 'react-hotkeys-hook';
import Modal from '../../ui/Modal/Modal';
import {
chatVisibleToggleAtom,
@ -29,17 +30,23 @@ export default function UserDropdown({ username: defaultUsername }: Props) {
const appState = useRecoilValue<AppStateOptions>(appStateAtom);
const toggleChatVisibility = () => {
if (!chatToggleVisible) {
setChatToggleVisible(true);
} else {
setChatToggleVisible(false);
}
setChatToggleVisible(!chatToggleVisible);
};
const handleChangeName = () => {
setShowNameChangeModal(true);
};
// Register keyboard shortcut for the space bar to toggle playback
useHotkeys(
'c',
toggleChatVisibility,
{
enableOnContentEditable: false,
},
[chatToggleVisible],
);
const menu = (
<Menu>
<Menu.Item key="0" icon={<EditOutlined />} onClick={() => handleChangeName()}>