move all menu to react-contexify
Audric Ackermann
5 years ago
parent
78843e81dd
commit
fe3cfb9e82
@ -0,0 +1,158 @@
|
|||||||
|
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;
|
||||||
|
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,
|
||||||
|
|
||||||
|
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,
|
||||||
|
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,
|
||||||
|
onUpdateGroupName,
|
||||||
|
window.i18n
|
||||||
|
)}
|
||||||
|
{getLeaveGroupMenuItem(
|
||||||
|
isKickedFromGroup,
|
||||||
|
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>
|
||||||
|
);
|
||||||
|
};
|
||||||
@ -0,0 +1,112 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { animation, Menu } from 'react-contexify';
|
||||||
|
|
||||||
|
import {
|
||||||
|
getBlockMenuItem,
|
||||||
|
getClearNicknameMenuItem,
|
||||||
|
getCopyMenuItem,
|
||||||
|
getDeleteContactMenuItem,
|
||||||
|
getDeleteMessagesMenuItem,
|
||||||
|
getInviteContactMenuItem,
|
||||||
|
getLeaveGroupMenuItem,
|
||||||
|
} from './Menu';
|
||||||
|
|
||||||
|
export type PropsContextConversationItem = {
|
||||||
|
triggerId: string;
|
||||||
|
type: 'group' | 'direct';
|
||||||
|
isMe: boolean;
|
||||||
|
isPublic?: boolean;
|
||||||
|
isRss?: boolean;
|
||||||
|
isClosable?: boolean;
|
||||||
|
isBlocked?: boolean;
|
||||||
|
hasNickname?: boolean;
|
||||||
|
isKickedFromGroup?: boolean;
|
||||||
|
|
||||||
|
onDeleteMessages?: () => void;
|
||||||
|
onDeleteContact?: () => void;
|
||||||
|
onBlockContact?: () => void;
|
||||||
|
onCopyPublicKey?: () => void;
|
||||||
|
onUnblockContact?: () => void;
|
||||||
|
onInviteContacts?: () => void;
|
||||||
|
onClearNickname?: () => void;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const ConversationListItemContextMenu = (
|
||||||
|
props: PropsContextConversationItem
|
||||||
|
) => {
|
||||||
|
const {
|
||||||
|
triggerId,
|
||||||
|
isBlocked,
|
||||||
|
isMe,
|
||||||
|
isClosable,
|
||||||
|
isRss,
|
||||||
|
isPublic,
|
||||||
|
hasNickname,
|
||||||
|
type,
|
||||||
|
isKickedFromGroup,
|
||||||
|
onDeleteContact,
|
||||||
|
onDeleteMessages,
|
||||||
|
onBlockContact,
|
||||||
|
onClearNickname,
|
||||||
|
onCopyPublicKey,
|
||||||
|
onUnblockContact,
|
||||||
|
onInviteContacts,
|
||||||
|
} = props;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Menu id={triggerId} animation={animation.fade}>
|
||||||
|
{getBlockMenuItem(
|
||||||
|
isMe,
|
||||||
|
type === 'direct',
|
||||||
|
isBlocked,
|
||||||
|
onBlockContact,
|
||||||
|
onUnblockContact,
|
||||||
|
window.i18n
|
||||||
|
)}
|
||||||
|
{/* {!isPublic && !isRss && !isMe ? (
|
||||||
|
<Item onClick={onChangeNickname}>
|
||||||
|
{i18n('changeNickname')}
|
||||||
|
</Item>
|
||||||
|
) : null} */}
|
||||||
|
{getClearNicknameMenuItem(
|
||||||
|
isPublic,
|
||||||
|
isRss,
|
||||||
|
isMe,
|
||||||
|
hasNickname,
|
||||||
|
onClearNickname,
|
||||||
|
window.i18n
|
||||||
|
)}
|
||||||
|
{getCopyMenuItem(
|
||||||
|
isPublic,
|
||||||
|
isRss,
|
||||||
|
type === 'group',
|
||||||
|
onCopyPublicKey,
|
||||||
|
window.i18n
|
||||||
|
)}
|
||||||
|
{getDeleteMessagesMenuItem(isPublic, onDeleteMessages, window.i18n)}
|
||||||
|
{getInviteContactMenuItem(
|
||||||
|
type === 'group',
|
||||||
|
isPublic,
|
||||||
|
onInviteContacts,
|
||||||
|
window.i18n
|
||||||
|
)}
|
||||||
|
{getDeleteContactMenuItem(
|
||||||
|
isMe,
|
||||||
|
isClosable,
|
||||||
|
type === 'group',
|
||||||
|
isPublic,
|
||||||
|
isRss,
|
||||||
|
onDeleteContact,
|
||||||
|
window.i18n
|
||||||
|
)}
|
||||||
|
{getLeaveGroupMenuItem(
|
||||||
|
isKickedFromGroup,
|
||||||
|
type === 'group',
|
||||||
|
isPublic,
|
||||||
|
isRss,
|
||||||
|
onDeleteContact,
|
||||||
|
window.i18n
|
||||||
|
)}
|
||||||
|
</Menu>
|
||||||
|
);
|
||||||
|
};
|
||||||
Loading…
Reference in New Issue