mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2025-12-30 11:22:31 +00:00
919c60b3d2
Introduces a comprehensive disableChat config option that disables the entire chat feature including button visibility, notifications, sounds, private messages, and keyboard shortcuts. When disabled, the chat tab is hidden from the chat panel while allowing other tabs (polls, files, CC) to remain accessible.
95 lines
2.8 KiB
TypeScript
95 lines
2.8 KiB
TypeScript
import React, { useCallback } from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { useDispatch, useSelector } from 'react-redux';
|
|
|
|
import Icon from '../../../base/icons/components/Icon';
|
|
import { IconCloseLarge } from '../../../base/icons/svg';
|
|
import { isFileSharingEnabled } from '../../../file-sharing/functions.any';
|
|
import { toggleChat } from '../../actions.web';
|
|
import { ChatTabs } from '../../constants';
|
|
import { getFocusedTab, isChatDisabled } from '../../functions';
|
|
|
|
interface IProps {
|
|
|
|
/**
|
|
* An optional class name.
|
|
*/
|
|
className: string;
|
|
|
|
/**
|
|
* Whether CC tab is enabled or not.
|
|
*/
|
|
isCCTabEnabled: boolean;
|
|
|
|
/**
|
|
* Whether the polls feature is enabled or not.
|
|
*/
|
|
isPollsEnabled: boolean;
|
|
|
|
/**
|
|
* Function to be called when pressing the close button.
|
|
*/
|
|
onCancel: Function;
|
|
}
|
|
|
|
/**
|
|
* Custom header of the {@code ChatDialog}.
|
|
*
|
|
* @returns {React$Element<any>}
|
|
*/
|
|
function ChatHeader({ className, isCCTabEnabled, isPollsEnabled }: IProps) {
|
|
const dispatch = useDispatch();
|
|
const { t } = useTranslation();
|
|
const _isChatDisabled = useSelector(isChatDisabled);
|
|
const focusedTab = useSelector(getFocusedTab);
|
|
const fileSharingTabEnabled = useSelector(isFileSharingEnabled);
|
|
|
|
const onCancel = useCallback(() => {
|
|
dispatch(toggleChat());
|
|
}, []);
|
|
|
|
const onKeyPressHandler = useCallback(e => {
|
|
if (onCancel && (e.key === ' ' || e.key === 'Enter')) {
|
|
e.preventDefault();
|
|
onCancel();
|
|
}
|
|
}, []);
|
|
|
|
let title = 'chat.title';
|
|
|
|
if (!_isChatDisabled && focusedTab === ChatTabs.CHAT) {
|
|
title = 'chat.tabs.chat';
|
|
} else if (isPollsEnabled && focusedTab === ChatTabs.POLLS) {
|
|
title = 'chat.tabs.polls';
|
|
} else if (isCCTabEnabled && focusedTab === ChatTabs.CLOSED_CAPTIONS) {
|
|
title = 'chat.tabs.closedCaptions';
|
|
} else if (fileSharingTabEnabled && focusedTab === ChatTabs.FILE_SHARING) {
|
|
title = 'chat.tabs.fileSharing';
|
|
} else {
|
|
// If the focused tab is not enabled, don't render the header.
|
|
// This should not happen in normal circumstances since Chat.tsx already checks
|
|
// if any tabs are available before rendering.
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<div
|
|
className = { className || 'chat-dialog-header' }>
|
|
<span
|
|
aria-level = { 1 }
|
|
role = 'heading'>
|
|
{ t(title) }
|
|
</span>
|
|
<Icon
|
|
ariaLabel = { t('toolbar.closeChat') }
|
|
onClick = { onCancel }
|
|
onKeyPress = { onKeyPressHandler }
|
|
role = 'button'
|
|
src = { IconCloseLarge }
|
|
tabIndex = { 0 } />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default ChatHeader;
|