You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
164 lines
3.5 KiB
TypeScript
164 lines
3.5 KiB
TypeScript
import React from 'react';
|
|
import { animation, Menu } from 'react-contexify';
|
|
import {
|
|
getAddModeratorsMenuItem,
|
|
getBlockMenuItem,
|
|
getCopyMenuItem,
|
|
getDeleteContactMenuItem,
|
|
getDeleteMessagesMenuItem,
|
|
getDisappearingMenuItem,
|
|
getInviteContactMenuItem,
|
|
getLeaveGroupMenuItem,
|
|
getRemoveModeratorsMenuItem,
|
|
getResetSessionMenuItem,
|
|
getShowSafetyNumberMenuItem,
|
|
getUpdateGroupNameMenuItem,
|
|
} from './Menu';
|
|
import { TimerOption } from '../../conversation/ConversationHeader';
|
|
|
|
export type PropsConversationHeaderMenu = {
|
|
triggerId: string;
|
|
isMe: boolean;
|
|
isPublic?: boolean;
|
|
isRss?: boolean;
|
|
isClosable?: boolean;
|
|
isKickedFromGroup?: boolean;
|
|
left?: boolean;
|
|
isGroup: boolean;
|
|
amMod: boolean;
|
|
timerOptions: Array<TimerOption>;
|
|
isPrivate: boolean;
|
|
isBlocked: boolean;
|
|
onDeleteMessages?: () => void;
|
|
onDeleteContact?: () => void;
|
|
onCopyPublicKey?: () => void;
|
|
onInviteContacts?: () => void;
|
|
|
|
onLeaveGroup: () => void;
|
|
onAddModerators: () => void;
|
|
onRemoveModerators: () => void;
|
|
onUpdateGroupName: () => void;
|
|
onBlockUser: () => void;
|
|
onUnblockUser: () => void;
|
|
onShowSafetyNumber: () => void;
|
|
onSetDisappearingMessages: (seconds: number) => void;
|
|
onResetSession: () => void;
|
|
};
|
|
|
|
export const ConversationHeaderMenu = (props: PropsConversationHeaderMenu) => {
|
|
const {
|
|
triggerId,
|
|
isMe,
|
|
isClosable,
|
|
isPublic,
|
|
isRss,
|
|
isGroup,
|
|
isKickedFromGroup,
|
|
amMod,
|
|
timerOptions,
|
|
isBlocked,
|
|
isPrivate,
|
|
left,
|
|
|
|
onDeleteMessages,
|
|
onDeleteContact,
|
|
onCopyPublicKey,
|
|
onLeaveGroup,
|
|
onAddModerators,
|
|
onRemoveModerators,
|
|
onInviteContacts,
|
|
onUpdateGroupName,
|
|
onBlockUser,
|
|
onUnblockUser,
|
|
onShowSafetyNumber,
|
|
onResetSession,
|
|
onSetDisappearingMessages,
|
|
} = props;
|
|
|
|
return (
|
|
<Menu id={triggerId} animation={animation.fade}>
|
|
{getDisappearingMenuItem(
|
|
isPublic,
|
|
isRss,
|
|
isKickedFromGroup,
|
|
left,
|
|
isBlocked,
|
|
timerOptions,
|
|
onSetDisappearingMessages,
|
|
window.i18n
|
|
)}
|
|
{getShowSafetyNumberMenuItem(
|
|
isPublic,
|
|
isRss,
|
|
isGroup,
|
|
isMe,
|
|
onShowSafetyNumber,
|
|
window.i18n
|
|
)}
|
|
{getResetSessionMenuItem(
|
|
isPublic,
|
|
isRss,
|
|
isGroup,
|
|
isBlocked,
|
|
onResetSession,
|
|
window.i18n
|
|
)}
|
|
{getBlockMenuItem(
|
|
isMe,
|
|
isPrivate,
|
|
isBlocked,
|
|
onBlockUser,
|
|
onUnblockUser,
|
|
window.i18n
|
|
)}
|
|
|
|
{getCopyMenuItem(isPublic, isRss, isGroup, onCopyPublicKey, window.i18n)}
|
|
{getDeleteMessagesMenuItem(isPublic, onDeleteMessages, window.i18n)}
|
|
{getAddModeratorsMenuItem(
|
|
amMod,
|
|
isKickedFromGroup,
|
|
onAddModerators,
|
|
window.i18n
|
|
)}
|
|
{getRemoveModeratorsMenuItem(
|
|
amMod,
|
|
isKickedFromGroup,
|
|
onRemoveModerators,
|
|
window.i18n
|
|
)}
|
|
{getUpdateGroupNameMenuItem(
|
|
amMod,
|
|
isKickedFromGroup,
|
|
left,
|
|
onUpdateGroupName,
|
|
window.i18n
|
|
)}
|
|
{getLeaveGroupMenuItem(
|
|
isKickedFromGroup,
|
|
left,
|
|
isGroup,
|
|
isPublic,
|
|
isRss,
|
|
onLeaveGroup,
|
|
window.i18n
|
|
)}
|
|
{/* TODO: add delete group */}
|
|
{getInviteContactMenuItem(
|
|
isGroup,
|
|
isPublic,
|
|
onInviteContacts,
|
|
window.i18n
|
|
)}
|
|
{getDeleteContactMenuItem(
|
|
isMe,
|
|
isClosable,
|
|
isGroup,
|
|
isPublic,
|
|
isRss,
|
|
onDeleteContact,
|
|
window.i18n
|
|
)}
|
|
</Menu>
|
|
);
|
|
};
|