2022-01-06 04:16:15 +01:00
|
|
|
import React from 'react';
|
2020-10-22 07:34:41 +02:00
|
|
|
import { animation, Menu } from 'react-contexify';
|
2022-01-18 05:21:36 +01:00
|
|
|
import _ from 'lodash';
|
2020-10-22 07:34:41 +02:00
|
|
|
|
|
|
|
import {
|
2022-02-25 04:17:34 +01:00
|
|
|
AcceptMenuItem,
|
2022-01-06 04:16:15 +01:00
|
|
|
BanMenuItem,
|
|
|
|
BlockMenuItem,
|
|
|
|
ChangeNicknameMenuItem,
|
|
|
|
ClearNicknameMenuItem,
|
|
|
|
CopyMenuItem,
|
2022-02-25 04:17:34 +01:00
|
|
|
DeclineMenuItem,
|
2022-01-06 04:16:15 +01:00
|
|
|
DeleteContactMenuItem,
|
|
|
|
DeleteMessagesMenuItem,
|
|
|
|
InviteContactMenuItem,
|
|
|
|
LeaveGroupMenuItem,
|
|
|
|
MarkAllReadMenuItem,
|
2023-03-16 00:49:06 +01:00
|
|
|
MarkConversationUnreadMenuItem,
|
2022-01-06 04:16:15 +01:00
|
|
|
NotificationForConvoMenuItem,
|
|
|
|
PinConversationMenuItem,
|
|
|
|
ShowUserDetailsMenuItem,
|
|
|
|
UnbanMenuItem,
|
2020-10-22 07:34:41 +02:00
|
|
|
} from './Menu';
|
2022-09-05 07:09:02 +02:00
|
|
|
import { SessionContextMenuContainer } from '../SessionContextMenuContainer';
|
2020-10-22 07:34:41 +02:00
|
|
|
|
|
|
|
export type PropsContextConversationItem = {
|
|
|
|
triggerId: string;
|
|
|
|
};
|
|
|
|
|
2021-07-06 09:14:00 +02:00
|
|
|
const ConversationListItemContextMenu = (props: PropsContextConversationItem) => {
|
2021-12-16 05:13:04 +01:00
|
|
|
const { triggerId } = props;
|
2021-10-20 06:54:03 +02:00
|
|
|
|
2020-10-22 07:34:41 +02:00
|
|
|
return (
|
2022-09-05 07:09:02 +02:00
|
|
|
<SessionContextMenuContainer>
|
|
|
|
<Menu id={triggerId} animation={animation.fade}>
|
|
|
|
<AcceptMenuItem />
|
|
|
|
<DeclineMenuItem />
|
|
|
|
<NotificationForConvoMenuItem />
|
|
|
|
<PinConversationMenuItem />
|
|
|
|
<BlockMenuItem />
|
|
|
|
<CopyMenuItem />
|
|
|
|
<MarkAllReadMenuItem />
|
2023-03-16 00:49:06 +01:00
|
|
|
<MarkConversationUnreadMenuItem />
|
2022-09-05 07:09:02 +02:00
|
|
|
<ChangeNicknameMenuItem />
|
|
|
|
<ClearNicknameMenuItem />
|
|
|
|
<DeleteMessagesMenuItem />
|
|
|
|
<BanMenuItem />
|
|
|
|
<UnbanMenuItem />
|
|
|
|
<InviteContactMenuItem />
|
|
|
|
<DeleteContactMenuItem />
|
|
|
|
<LeaveGroupMenuItem />
|
|
|
|
<ShowUserDetailsMenuItem />
|
|
|
|
</Menu>
|
|
|
|
</SessionContextMenuContainer>
|
2020-10-22 07:34:41 +02:00
|
|
|
);
|
|
|
|
};
|
2021-07-06 09:14:00 +02:00
|
|
|
|
|
|
|
function propsAreEqual(prev: PropsContextConversationItem, next: PropsContextConversationItem) {
|
|
|
|
return _.isEqual(prev, next);
|
|
|
|
}
|
|
|
|
export const MemoConversationListItemContextMenu = React.memo(
|
|
|
|
ConversationListItemContextMenu,
|
|
|
|
propsAreEqual
|
|
|
|
);
|